問題タブ [angularjs-directive]

次の例で、最初にレンダリングされた値が{{ person.name }}ではなくになっているのはなぜDavidですか? これをどのように修正しますか？

実例はこちら

HTML:

JS:

サンプルコードで私の目的を説明できると思います。

angularを使用したいくつかのhtmlコード：

定義したいカスタム ディレクティブ "show-result-as-text" があることがわかります。angularディレクティブを使用して内部htmlコードをレンダリングし、テキストとして表示する必要があります。

最終的な html は次のようになります。

また、buttons値が変更された場合は、エスケープされた html も変更する必要があります。

私は自分で書き込もうとしましたが、2時間の作業で失敗しました。

アップデート

ライブデモ: http://plnkr.co/edit/fpqeTJefd6ZwVFEbB1cw

angularjs のドキュメントから、ディレクティブを定義するときに、postLinkincompileとpostLinkin がありますlink

それらの違いは何ですか？postLinkinlinkの引数が の引数より少ないことに気付きましたcompile。また、他に違いはありますか？

angularjs のドキュメント:

内のpostLink関数でcompile、テキストを ? に設定することは可能iElementですか?

私はもう試した：

しかし、それらのどれも機能しなかったようです。

を持つディレクティブをpostLink作成し、いくつかの html コードをコンパイルして angularjs でレンダリングしました。しかし問題は、生成された DOM から html コードを取得できないことです。

私のコードは次のとおりです。

console.logの値を出力していたことがわかりますs。コンソールでは、次のように出力されます。

多くの情報を見ることができますが、私が使用するconsole.log(s)と、内側のボタンがすべて失われます。console.log(s[0])outerHTML

jquery: も使用しようとしましjQuery(s[0]).html()たが、同じことが起こりました。

sそれをhtmlコードに変換する正しい方法は何ですか?

$viewValueディレクティブ内からコントローラーの角度を監視しようとしています。

フィドル: http://jsfiddle.net/dkrotts/TfTr5/5/

そのままでは、$watch 関数は、コントローラー内から 2 秒後に行われたモデル変更をキャッチしていません。私は何が欠けていますか？

Angular を使用して単純なディレクティブを作成しています。モデル プロパティ x と y をディレクティブの属性として表示したいと思います。ただし、scope.textItems の値 x と y の代わりに、値として「item.x」と「item.y」のみを取得します。

理由を教えてください。

ありがとう！

次のシャトルボックスディレクティブがあります。

私のテンプレートは次のようになります。

私がやりたいのは、ng-optionsリピーターを取得し、<shuttle-boxes>それを使用してデータを入力すること<select class="shuttle-boxes-left">です。

私がそれをやろうとしているのにうまくいかないのは、次のようにng-options属性を選択リストにコピーするだけです。

これがフィドルです：http：//jsfiddle.net/dkrotts/tHTAY/1/

私は何が間違っているのですか？

keydown イベントと keypress イベントの関数をバインドするディレクティブを設定しました。ディレクティブは、ショートカット キーが入力されたときに、フォームの入力にフォーカスを設定します。

ディレクティブの単体テストのために keypress イベントをトリガーすることは可能ですか? よろしくお願いします。

何らかの理由で、ng-clickで{{$ index}}が使用されている場合、AngularJSはイベントを発生させません。

私のhtml：

jsfiddle： http: //jsfiddle.net/Lcasg/3/

誰もがこれを修正する方法を知っていますか？ありがとう