首頁猿問 AngularJS：為什么ng-B...

AngularJS：為什么ng-BIND在角度上比{}好？

AngularJS JavaScript

素胚勾勒不出你 2019-06-28 15:43:14

AngularJS：為什么ng-BIND在角度上比{}好？我參加了一次有角度的演講，會上提到的人之一ng-bind比{{}}綁定。其中一個原因，ng-bind將變量放在監視列表中，只有當有模型更改時，數據才會被推送到視圖中，另一方面，{{}}每次都會插值這個表達式(我猜這是角度循環)并推送這個值，即使值改變與否。此外，如果屏幕上沒有多少數據，則可以使用{{}}而且性能問題也是看不見的。有人能幫我解釋一下這個問題嗎？

查看完整描述

3 回答

MMMHUHU

TA貢獻1834條經驗獲得超8個贊

能見度：

當您的angularjs正在引導時，用戶可能會看到您放在html中的括號。這可以用ng-cloak..但對我來說，這是一個解決辦法，如果我用的話，我不需要用ng-bind.

業績：

這個{{}}是慢得多.

這，這個ng-bind是指令并將一個觀察者放在傳遞的變量上。所以ng-bind將只適用于傳遞的值實際上是變化的。.

另一方面，括號將是骯臟檢查重新振作起來每一，每個 $digest即使是不必了.

我目前正在構建一個大的單頁應用程序(每個視圖大約有500個綁定)。從{}改為嚴格ng-bind每一次都為我們節省了20%scope.$digest.

建議:

如果使用翻譯模塊，如角度平移，總是喜歡指令在括號注釋之前。

{{'WELCOME'|translate}} => <span ng-translate="WELCOME"></span>

如果您需要一個過濾器函數，最好選擇一個指令，它實際上只是使用您的自定義篩選器。$Filter服務的文檔

角為1.3xbindonce介紹了功能。因此，您可以將表達式/屬性的值綁定一次(當！=‘unDefined’時綁定。)

當您不期望您的綁定發生更改時，這是非常有用的。

用法：放置::在你裝訂之前：

<ul>  
  <li ng-repeat="item in ::items">{{item}}</li></ul>  <a-directive name="::item"><span data-ng-bind="::value"></span>

例子：

ng-repeat若要輸出表中的某些數據，每行有多個綁定。翻譯-綁定，過濾輸出，在每個范圍摘要中執行。

反對回復 2019-06-28

慕娘9325324

TA貢獻1783條經驗獲得超4個贊

ng-bind比{{...}}

例如，您可以：

<div>
  Hello, {{variable}}</div>

這意味著整個文本Hello, {{variable}}圍住<div>將被復制并存儲在內存中。

如果你做的是這樣的事情：

<div>
  Hello, <span ng-bind="variable"></span></div>

只有值的值將存儲在內存中，角將注冊一個觀察者(監視表達式)，其中只包含變量。

反對回復 2019-06-28

3 回答
0 關注
551 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

AngularJS：為什么ng-BIND在角度上比{}好？

AngularJS：為什么ng-BIND在角度上比{}好？

3 回答

添加回答

AngularJS：為什么ng-BIND在角度上比{}好？

AngularJS：為什么ng-BIND在角度上比{}好？