問題タブ [angularjs-model]

インライン エディターで構成されるディレクティブを作成しています。値がない場合、編集ボックスが表示されます。値がある場合、通常のスパンが表示されます。

これはディレクティブのテンプレート チャンクです。

上記のコードは機能しますが、条件は受け取ったモデル値に基づいており ngModel、以前に渡しましたが、機能しませんでした:

HTML:

モデル値に基づいて別のテンプレートをロードする AngularJS ディレクティブを取得するにはどうすればよいですか?

編集:皆さんの回答に感謝します!, 私はあなたのコメントを受け取りました, 今私は次のコードを持っています. 今まで私のために働いてきたので、私はそれに取り組み続けます。

州用と都市用の 2 つのドロップダウン ボックスと、何にも関連付けられていない値のモックアップを持つディレクティブがあるアプリケーションがあります。

ディレクティブとこれら 2 つのドロップダウン ボックスの間の接続を確立する必要があります。

(始める前に、クレジットが必要な場合はクレジットを与えたいと思います。Jonathan Wright: Angular JS - Mapquest )

これが私のhtmlディレクティブテンプレートです:

ここに角度ディレクティブがあります（これは機能しません）

私がやろうとしていることの要点を見ることができるように、ディレクティブにドロップダウンを認識させようとしています。

私のディレクティブには独自の ng-model が必要であり、ng-model の値はモデルの 2 つのドロップダウンに反映されるべきだと考えていますが、その方法が正確にはわかりません。私は周りを見回しましたが、私を助けるものを見つけることができませんでした.

[編集 - 2014 年 1 月 28 日 - 東部時間午後 7 時 13 分]

Dalorzo のアドバイスに従って、次のフィドラーを作成しました。

コントローラーで動作する $watch の jsfiddle を次に示します。

http://jsfiddle.net/W4ZSQ/

ただし、このウォッチを削除して、ディレクティブにある $watch を使用しようとすると、機能しません。

http://jsfiddle.net/W4ZSQ/1/

[編集 - 2014 年 1 月 28 日 - 東部時間午後 10 時 52 分]

それを考え出した。LocationCtrl を 2 回呼び出していたので、両方の html 要素間でスコープ モデルが共有されると考えました。明らかにそうではありません。何が起こるかというと、スコープモデルの別のインスタンスを作成すると、ドロップダウンのスコープが更新されますが、ディレクティブは更新されません。それらを 1 つのスコープで共有することにより、値「LocationModel.State」が変更されたことがわかります。

http://jsfiddle.net/W4ZSQ/2/

あるコントローラーを別のコントローラーと通信させる方法についての有益なリンクを見つけました。

http://onehungrymind.com/angularjs-communicating-between-controllers/

たとえば、次のようなことをしたいと思います。

また、値ではなく、ドロップダウンで選択したときにビューに各名前を表示します。出来ますか？

モデルを見て、新しいモデルにjQueryでテキスト値を割り当ててみました。しかし、それは複雑になってしまったので、それが最善の方法である場合、私の小さな例は素晴らしいでしょう!

パーサーとフォーマッターは初めてです。モデルの変更時に検証を行うディレクティブがあります。これを行う 1 つの方法は $watch ですが、モデルを更新できるため、これは良い方法ではないと理解しています。

だから私はパーサーを見ていて、このコードを試しました

ただし、パーサー関数は呼び出されません。フォーマッタは 1 回呼び出されます。plunkr を参照してください。誰かが私が間違っていることを教えてもらえますか?テキストボックスに入力したときにパーサー関数が呼び出されないのはなぜですか?

アンギュラリアンで考えるためにまだ自分自身を訓練しています...

ng-model 属性を、親スコープ内のデータ要素への参照と考えれば正しいと思います... [そうですか?]

どのスコープをng-model指すかを理解しようとしています...

したがって、基本的に次のようなものがある場合:

のデータはname、ng-app によって設定されたスコープの一部になります (利用可能な唯一のスコープなので?

入力を ? でラップするとどうなり<div ng-scope>ますか? それはどのスコープに保存されますか？

名前がこの div のスコープに保存されるため、バインディングが機能しなくなることを期待できますか?

最後に、追加するとどうなるか、さらに次のように変更します。

ng-model のデータが保存されるスコープを解決するために使用されるプロセスは何ですか?

私のディレクティブを見てみましょう：

では、どうすれば ng-model の値を変更できますか?

何らかの理由で、初期化された値がフィールドに表示されませんが、ng-pattern のない 2 番目のフィールドは機能します。何か案は？

これがフィドル http://jsfiddle.net/wkzab/1/です

私の angular.js プロジェクトには、入力フィールドを含むループがあります

ユーザーが入力フィールドの横にある「クリック」リンクをクリックすると、コントローラーのその入力フィールドにアクセスして、そのフィールド値を設定/取得したいと考えています。以下は私のコントローラーコードです

これは私に与える

ここで、ビューで繰り返されると「色」モデルにアクセスできません。そこで、ランダムなモデル名を生成しようとしました (c.id とモデルの色を連結します)。これを達成するためにいくつかの方法を試しましたが、うまくいきませんでした。

ランダムな ng-model 名を生成する方法はありますか?

また

「クリック」リンクがクリックされた入力フィールドのモデルにアクセスする方法はありますか?

フォームを処理するための Angular のドキュメントを調べていたところ、任意のフィールド/コントロールの更新を遅延してキャプチャするための非常に役立つ例が見つかりました。以下は、Angularjs が提供するサンプル コードです。

それは正常に動作します。debounceしかし、彼らは複数のイベントで使用できると述べ、次のような別の例を提供しました。

この例の問題は、フィールド/コントロールを離れるかどうかに関係なく、常に更新が遅れることです。この場合、ユーザーがフィールド/コントロールを 0 のままにすると、すぐにモデルを更新する必要debounceがありますblur。

Plunker で例を実行するためのリンクを次に示します。

誰でもこの動作を説明できますか?