`terminal：true`を指定したAngularJS1ディレクティブは、式のレンダリングを無効にします。なぜですか？
フリーウィンド
HTMLコード：
<div ng-controller="MyController">
<div>{{ hello }}</div>
<div my-terminal>{{hello}}</div>
</div>
JSコード：
const app = angular.module('app', [])
app.controller('MyController', function ($scope) {
$scope.hello = 'Hello, AngularJS'
})
app.directive('myTerminal', function () {
return {
restrict: 'A',
terminal: true,
link: function () {
console.log('--- myTerminal')
}
}
})
気付いてくださいterminalですtrue。
結果：
anglejsドキュメントから、isの場合、優先度の低い同じ要素に適用された他のディレクティブterminalはtrue実行されないことがわかりましたが、<div my-terminal>{{hello}}</div>式がレンダリングされない理由を説明できません{{hello}}
この質問の小さな完全なデモ：https：//github.com/freewind-demos/angularjs1-directive-terminal-issue-demo
georgeawg
ドキュメントから：
ターミナル
truethenに設定すると、currentpriorityが実行される最後のディレクティブのセットになります（現在のディレクティブは、priority実行順序priorityが定義されていないため、引き続き実行されます）。ディレクティブのテンプレートで使用されている式やその他のディレクティブも実行から除外されることに注意してください。
それが何を意味するかについてのより良い説明ng-non-bindableは、terminalプロパティを使用するドキュメントから得られます。
ngNonBindable
ngNonBindableディレクティブは、より低い優先順位を持っている要素自体のディレクティブを含む現在のDOM要素の内容を、コンパイルまたはバインドしないAngularJSを伝えますngNonBindable。これは、要素にAngularJSディレクティブとバインディングのように見えるものが含まれているが、AngularJSでは無視する必要がある場合に役立ちます。これは、たとえば、コードのスニペットを表示するサイトがある場合に当てはまります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ディレクティブがバインドされた要素をレンダリングしないのはなぜですか？
- 2
HTMLまたはディレクティブなしでAngularアプリをレンダリングする
- 3
Angularはディレクティブ内の入力から無効なコンテンツを消去します
- 4
ng-disabledをtrueに設定しても、カスタム角度ディレクティブが無効にならないのはなぜですか
- 5
カスタムangularjsディレクティブを使用するとHTMLコードがレンダリングされないのはなぜですか
- 6
eventRenderFullcalendarを介してangularjsディレクティブからレンダリングします
- 7
domがレンダリングを終了した後にディレクティブを実行するにはどうすればよいですか？
- 8
ng-initを使用したAngularJS要素ディレクティブは、ビューがレンダリングされる前に実行されます
- 9
別のディレクティブを呼び出すAngularJSディレクティブが、$ compileでレンダリングするためのデータを正しく渡していない
- 10
AngularJS-> DOMがディレクティブで要素のレンダリングを終了したときにキャプチャする
- 11
ngForディレクティブは、すべてのミューテーションで配列全体を再レンダリングしますか？
- 12
Vue.js@clickディレクティブをhtmlタグの外にレンダリングします
- 13
AngularJS ng-repeatディレクティブは、単一のアイテムが更新されたときにブラウザー内のすべてのアイテムをレンダリングしますか？
- 14
Angularjsはディレクティブリンク関数で有効性を設定します
- 15
テンプレート要素ディレクティブがAngularjsの式で正しく機能しないのはなぜですか？
- 16
リンカ関数のスコープはangularjsディレクティブで何を表しますか
- 17
Vue JS v-htmlディレクティブは未加工のhtmlをレンダリングします
- 18
AngularJSディレクティブでテンプレートを再レンダリングする方法は？
- 19
2つのグラフをレンダリングし、Angularjsディレクティブを使用してグラフを分離します
- 20
モーダルを開き、AngularJSのディレクティブにリンクします
- 21
このメディアクエリがメインCSSを無効にしないのはなぜですか
- 22
element.textをディレクティブの値に設定しても、AngularJSではレンダリングされません
- 23
AngularJSのさまざまなコントローラーでディレクティブを使用しますか？
- 24
AngularJS 1.XX-ディレクティブに「M」制限を使用するのはなぜですか？
- 25
AngularJS：ディレクティブを別のディレクティブとしてコンパイルするにはどうすればよいですか？
- 26
AngularJsディレクティブ-リストでフィルタリングするためのドロップダウンを作成するときにローカルスコープを渡すときにディレクティブが正しくロードされない
- 27
AngularJSはディレクティブに双方向の `'='`バインディングをどのように実装しますか
- 28
ngIfがhtml要素のレンダリングを終了したらngIf内でディレクティブをトリガーする方法は？
- 29
Richtextboxはレンダリングできない文字を無効にします
コメントを追加