問題タブ [ng-options]

私のjavascriptには配列があります

そして、一意の quoteNumbers のみを表示するセレクターを作成しようとしています。ING-70440-21 および ING-70440-01。ただし、角度で「ユニーク」オプションを使用しようとすると、何も表示されません。

固有のタグがなくても問題なく動作します。私は何を間違っていますか？私はAngularにかなり慣れていないので、本当に単純なものかもしれません。

私はこの1レベルツリーの状況を持っています:

json は次のとおりです。

問題は、これにより子を持つ optgroup が作成されますが、ルートも繰り返されることです。

私は生産したい:

次の選択リストがあります。

上記は、利用可能なすべての役割のリストを生成します。フォームを表示するときに、ユーザーがメンバーであるロールを事前に選択する必要があります。に役割を割り当てることはできuserRolesますが、配列を作成して、ユーザーに関連付けられた役割をその配列にプッシュしようとすると、どの項目も選択されません。

動作しないソリューションを試してみるために jsBin を作成しました (そしてうまくいけば修正します): http://jsbin.com/icoSoj/1/edit?html,js,output

ありがとう！

ng-options を使用して次のオブジェクトを反復処理する必要があります。

このオブジェクトをサードパーティのリソースからこの形式で取得しましたが、手動で再配置したくありません。

私はすでにGoogle検索を行い、ドキュメントを調べました。リストとオブジェクトのリストを扱っているのは、私が知ることができるものだけです。

フィルターで ng-options を使用すると問題が発生します。

問題は、フィルターによってオプションが削除されると、select 要素のモデルが削除されたオプションの値を保持することです。

これがプランカーです。ng-options セットで動作する 2 つのフィルターがあります。オプションのリストから重複を削除するものと、null を削除するものです。これらの手順に従うことで、私が話している問題を確認できます。

1. [優先メール] ドロップダウンで、最後のメール オプション「jimbob@yahoob.com」を選択します。
2. 「その他の電子メール」入力ボックスのテキストを削除します。

「その他の電子メール」が null であるため、使用可能なオプションがなくなり、ドロップダウンがデフォルトで「優先電子メールを選択してください」になっていることがわかります。ただし、select 要素のモデルには、そのオブジェクトが割り当てられたままです。

同じ問題の異なるコンテキスト。

1. 「優先メール」ドロップダウンで、「jimbob@yahooz.com」オプションを選択します。
2. 「jimbob@yahooz.com」の「z」を削除します

そうすると、2 つの入力ボックス (「Email」と「Home Email」) の値が重複し、2 番目の入力ボックス (「Home Email」) は使用可能なオプションから除外されます。ただし、フィルタリングされたばかりのオブジェクトはモデルに割り当てられたままです。

編集：私の解決策（誰かがもっとうまくやれますか？）

ここ（plunker）は、私が思いついた最高のものです。私はAngularが初めてで、これを行うためのより良い方法があると思わずにはいられません。この解決策は「悪い」と思いますが、うまくいきます。

基本的に、スコープへの参照 (this.contact) と、使用している既定のアイテムの名前 ('default_email' または 'default_phone') をフィルターに渡します。フィルタがオプション セットから項目を削除する場合、それがデフォルトかどうかをチェックし、そうである場合はデフォルトを未定義に設定します。

また、私が何を目指しているかについてより多くのコンテキストを取得するために、もう少しコードを追加しました。

私は数時間検索してきましたが、私の問題に対する答えがどこにも見つからないようです。以前は実装できたことを覚えていますが、何らかの理由でコードを紛失してしまい、それを機能させるために何をしたか思い出せないようです。

ng-options を使用して、配列のデータを選択ボックスに表示しようとしています。それは私が問題を抱えていないものです。実装する必要があるのは、特定の配列値のみが選択ボックスに表示/含まれることです。

私のデータは次のとおりです。

そして私のHTMLは次のようになります：

したがって、属性「アクティブ」の値が false の場合、配列項目が選択リストに表示/含まれるのはそのときだけです。フィルター属性のさまざまな順列を試しましたが、どれも機能していないようです。

タグで ng-repeat を簡単に使用して ng-show を使用できることは知っていますが、それを実装する適切な方法ではなく、ng-options を使用するのが正しいことをどこかで読んだことを覚えています (ここでも、場所が見つかりません)。仕方。

カスタム JavaScript フィルターを作成せずに以前はそれを実行できたと確信していますが、私の人生では、どのようにそれを行ったかを思い出せません。私は誰かができることを願っています

私はアイデアがないので、誰かがこれを手伝ってくれることを願っています。

アップデート：

すごいスコット、私はそれを手に入れたと思います。

それ以外の：

そのはず：

使用される等号の数だけです。顔やし

回答ありがとうございます。

ng-options によって生成された選択リストがあります。私の意図は、リストとそのアイテムを表示したり、新しいリストを作成したりできる機能を作成することです。「新しいリストを作成」というテキストでボタンを作成する代わりに、選択リストからオプションを選択して空のオプションを選択すると、選択リストが（ディレクティブを使用して）フォームに変わることがわかりました。

私は次のことについて疑問に思っています：

既に確立されている ng-options リストにカスタム オプションを追加することは可能ですか? 例えば：

データベース内のレコードの外部キーを更新するためにテーブルの id フィールドを投稿する必要があるという問題がありますが、ng-options属性を使用して選択のオプションを設定しています。オンラインで検索したところ、値を設定するには、ng-model="dataSet.desiredColumnName"選択した他の列に値を変更するために使用する必要があることがわかりました

だから私は選択のためにこのHTMLを持っています。

問題は、HTML テーブルのどの行がクリックされたかに応じて、特定のオプションを選択したいということです。テーブルは次のように定義されています。

そして、invokeModal は選択された行を使用して、select#affiliation で選択するオプションを決定します。

私の問題は、選択の最初に空のオプションを追加して、そのオプションを選択しているように見えることです。. .wtf?

次のコードがあります。

プロトコルの構造は次のとおりです。

$scope.form で、フォームを送信するために必要な ProtocolId を設定しています。しかし、ユーザーがプロトコルを選択したときに、プロトコルの説明をユーザーに表示したいと思います。みたいな{{selectedProtocol.Description}}。selectedProtocol私はIDを選択しているだけなので、持っていないことを除いて。

ここで実際に選択されたプロトコルを取得する方法はありますか? 選択したプロトコルの変更を追跡するメソッドを作成し、コントローラーで form.ProtocolId を設定することもできますが、もっと簡単な方法があるのではないかと思います...