問題タブ [angular-nglist]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1525 参照

javascript - 区切られた文字列とオブジェクトの配列を変換します

区切られた文字列とデータ バインディングを使用したオブジェクトの配列との間で変換するにはどうすればよいですか?

ng-list文字列の配列で動作します。しかし、配列内のテキストを編集できるように、テキスト プロパティを区切りたいオブジェクトの配列があります。

文字列の配列で動作します:

これをオブジェクトで動作させるにはどうすればよいですか:

これがプランカーのデモです


私が考えたアイデアの 1 つは、文字列の配列で ng-list を使用し、それをオブジェクトの配列にマップすることでした。$watch文字列配列が変更されるたびに、オブジェクト配列を更新するためにa を使用します。ただし、配列が更​​新されるたびにオブジェクトの他のプロパティが上書きされるため、これでも不十分です。(以前のプランカーのリビジョンでのデモ)


アップデート:

Krzysztof の提案ng-listを使用している場合でも、使用時にまだ問題があるようです:

メソッドをオーバーライドするtoStringと、オブジェクトのセットが最初に表示されるときに役立ちますが、何かを入力するとすぐに、ng-listオブジェクトのセットが文字列の配列に変換されますtoString

私がやろうとしていることを明確にするために。編集可能なタイトルがあり、選択することもできるオブジェクトのリストが本当に必要です。タイトルが変わったり、項目が追加されたりしても、選択を保持したい。

ここに示す別のプランカーがあります

スクリーンショット

0 投票する
1 に答える
4624 参照

javascript - AngularJS > 1.3 の textarea 区切り文字として改行を含む ng-list

ng-list の構文がわずかに変更された AngularJS 1.3 を使用しています (たとえば、正規表現をサポートしなくなりました)。

テキストエリアで ng-list の区切り文字として改行を指定しようとしています。ただし、正しく動作しません。ng-list を ASCII 改行に設定しようとしました

しかし、問題があります。コンテンツが編集される (つまり、テキストエリアのコンテンツに 1 文字を追加する) とすぐに、すべての文字が壊れ始めます。

AngularJS 1.3 で ng-list の区切り文字として改行を正しく指定するにはどうすればよいですか?

プランカーへのリンク: http://plnkr.co/edit/F37yA0LRHQXMh4caP3A0

0 投票する
2 に答える
116 参照

javascript - object.id を使用してリストから object.name を表示する方法

メンバーIDに基づいて、他のリストからメンバー名をテーブルに取得するオプションはありますか?

0 投票する
1 に答える
6836 参照

arrays - 配列をAngularのリストとして表示

私は「animals」と呼ばれる私のjavascriptに配列を持っています:

私のhtmlは次のとおりです。

現在、次のように表示されています。

次のように表示したいと思います。

ng-list ディレクティブの Angular の公式ドキュメントを見てきましたが、まだ頭を悩ませています。これにはおそらく別の(より良い)ディレクティブがありますか?

アドバイスをいただければ幸いです。

0 投票する
1 に答える
484 参照

json - angular jsはJSONをng-listに追加します

JSONオブジェクト配列「メモ」に含まれる3つのプロパティがあります。

私の入力フィールドは

以下のテキストを入力テキストフィールドに入力します。

type プロパティはアイコンを表示するためのものです。以下のJSONのように取得したい

入力 ng-list テキストを JSON オブジェクトに変換する方法。

0 投票する
1 に答える
5621 参照

javascript - AngularJS (Material) - md-dialog を使用して新しいオブジェクトを追加した後、md-list のデータを更新する

私はAngularの世界全体にかなり慣れていませんが、昨日、修正できないように見える問題に遭遇しました。プロトタイプとして、ユーザーがタスクを作成、表示、および削除できるようにする単純なタスク アプリケーションを作成しています。ボタンをクリックしてダイアログを開くと、新しいタスクを作成できます。いくつかの情報を入力でき、[タスクの追加] をクリックすると、タスクがデータベースに追加されます。

唯一の問題は、ダイアログがアイテムのリストを表示する md-list を閉じた後、新しく追加されたタスクを表示するために更新されないことです。ng-repeat の「tack by」オプションを使用してみましたが、うまくいきませんでした。

この質問から情報を得ました: http://stackoverflow.com/questions/27874976/update-a-md-list-dynamically-from-angular

タスクを表示するために使用しているコードはこれです(簡略化)

ダイアログのテンプレートは次のようになります。

コントローラーは次のようになります。

だから私は誰かがこの問題で私を助けることができるかどうか疑問に思っていました.
前もって感謝します!

0 投票する
1 に答える
761 参照

angularjs - AngularJS での ng-list の長さの検証

ng-listの検証が必要です。ユーザーが3つ以上の配列リストを入力するように制限する必要があり、ユーザーが入力['121','565','435']しようとすると、 3つ['121','565','435','787']しか入力できないなどのエラーが発生する必要がありvinます。

また、ユーザーが['**1214**','565','435']上記のように入力すると、3 桁のみが許可されていることが通知されます。

これは私の入力フィールドです:

私はAngularJSが初めてです。