angular.js - angularjs {{}}の質問
PHPz
PHPz 2017-05-15 16:51:54
0
4
608

HTML インターフェースで {{a}} が

を出力するのはなぜですか? リーリー

そして私が期待していたのは

リーリー

質問に答えてくれるマスターに出会ったことがありますか~

PHPz
PHPz

学习是最好的投资!

全員に返信(4)
为情所困

公式サイトより引用

ngBind 属性は、
指定された HTML 要素 のテキスト コンテンツを指定された式の値に置き換えるよう Angular に指示します。
式の値が変更されたときにテキストの内容を更新します。ngBind attribute tells Angular to replace the text content of the
specified HTML element with the value of a given expression, and to
update the text content when the value of that expression changes.

意思就是ngBind会告诉angular去将你写的表达式替换成一个特殊的html元素

而这个特殊的html元素就是那个带class的span了,

双花括号{{}}ngBind是一样的,实际上是一个directive

これは、ngBind が、作成した式を 特別な HTML 要素 で置き換えるよう angular に指示することを意味します。

そして、この 特別な HTML 要素 はクラスとのスパンです。 🎜 🎜二重中括弧 {{}}ngBind は実際には同じ ディレクティブ ですが、適用範囲がわずかに異なるだけです。 🎜 🎜公式ドキュメントngBind🎜
いいねを押す +0
淡淡烟草味

AngularJs ng-bind によって出力される HTML 値は、決して 4 だけではありません。それ以外の場合、出力値の位置を制御するにはどうすればよいでしょうか?

いいねを押す +0
洪涛

aこの変数の値はどのように割り当てられますか?
通常 $scope.a=4;
{{a}} の出力結果は 4 です。

いいねを押す +0
伊谢尔伦

お誘いありがとうございます。 angular https://github.com/angular/angular.js/blob/master/src/ng/compile.js#L1... のソースコードで確認できます
実際、これはデータをこの「トップテキストノード」にバインドするために使用されます

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート