問題タブ [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.
javascript - 区切られた文字列とオブジェクトの配列を変換します
区切られた文字列とデータ バインディングを使用したオブジェクトの配列との間で変換するにはどうすればよいですか?
ng-list
文字列の配列で動作します。しかし、配列内のテキストを編集できるように、テキスト プロパティを区切りたいオブジェクトの配列があります。
文字列の配列で動作します:
これをオブジェクトで動作させるにはどうすればよいですか:
これがプランカーのデモです
私が考えたアイデアの 1 つは、文字列の配列で ng-list を使用し、それをオブジェクトの配列にマップすることでした。$watch
文字列配列が変更されるたびに、オブジェクト配列を更新するためにa を使用します。ただし、配列が更新されるたびにオブジェクトの他のプロパティが上書きされるため、これでも不十分です。(以前のプランカーのリビジョンでのデモ)
アップデート:
Krzysztof の提案ng-list
を使用している場合でも、使用時にまだ問題があるようです:
メソッドをオーバーライドするtoString
と、オブジェクトのセットが最初に表示されるときに役立ちますが、何かを入力するとすぐに、ng-list
オブジェクトのセットが文字列の配列に変換されますtoString
。
私がやろうとしていることを明確にするために。編集可能なタイトルがあり、選択することもできるオブジェクトのリストが本当に必要です。タイトルが変わったり、項目が追加されたりしても、選択を保持したい。
ここに示す別のプランカーがあります
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
javascript - object.id を使用してリストから object.name を表示する方法
メンバーIDに基づいて、他のリストからメンバー名をテーブルに取得するオプションはありますか?
arrays - 配列をAngularのリストとして表示
私は「animals」と呼ばれる私のjavascriptに配列を持っています:
私のhtmlは次のとおりです。
現在、次のように表示されています。
次のように表示したいと思います。
ng-list ディレクティブの Angular の公式ドキュメントを見てきましたが、まだ頭を悩ませています。これにはおそらく別の(より良い)ディレクティブがありますか?
アドバイスをいただければ幸いです。
json - angular jsはJSONをng-listに追加します
JSONオブジェクト配列「メモ」に含まれる3つのプロパティがあります。
私の入力フィールドは
以下のテキストを入力テキストフィールドに入力します。
type プロパティはアイコンを表示するためのものです。以下のJSONのように取得したい
入力 ng-list テキストを JSON オブジェクトに変換する方法。
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
タスクを表示するために使用しているコードはこれです(簡略化)
ダイアログのテンプレートは次のようになります。
コントローラーは次のようになります。
だから私は誰かがこの問題で私を助けることができるかどうか疑問に思っていました.
前もって感謝します!
angularjs - AngularJS での ng-list の長さの検証
ng-listの検証が必要です。ユーザーが3つ以上の配列リストを入力するように制限する必要があり、ユーザーが入力['121','565','435']
しようとすると、 3つ['121','565','435','787']
しか入力できないなどのエラーが発生する必要がありvin
ます。
また、ユーザーが['**1214**','565','435']
上記のように入力すると、3 桁のみが許可されていることが通知されます。
これは私の入力フィールドです:
私はAngularJSが初めてです。