簡介

成都創(chuàng)新互聯(lián)公司專注于中大型企業(yè)的成都做網站、網站設計、外貿營銷網站建設和網站改版、網站營銷服務，追求商業(yè)策劃與數(shù)據分析、創(chuàng)意藝術與技術開發(fā)的融合，累計客戶上1000家，服務滿意度達97%。幫助廣大客戶順利對接上互聯(lián)網浪潮，準確優(yōu)選出符合自己需要的互聯(lián)網運用，我們將一直專注品牌網站建設和互聯(lián)網程序開發(fā)，在前進的路上，與客戶一起成長！

v-bind與{{}}都可以對數(shù)據進行綁定，但是二者有區(qū)別的，v-bind不好，為什么說v-bind不好是因為v-bin做了完全替換的錯做，如果你想做字符串的拼接那么v-bind不是很好的選擇，下面看例子。

代碼段來嘍

比如我們有個這樣的需求我們定義一個變量a和一個變量b，計算變量a*b的值顯示出來。

我去多簡單呀，這玩意也好意思寫簡書，快回家種地吧！哈哈。

我們要的輸出樣式是醬紫的(a*b)=>a*b例如：(3*4)=>12

<div ng-app="" ng-init="a=3;b=4">
<input type="text" ng-model="a"/>*<input type="text" ng-model="b" />
=<span v-bind="a*b">結果是：</span>
</div>

這種做法會將整個span標簽上的text都會替換掉結果只顯示12

<div ng-app="" ng-init="a=3;b=4">
<input type="text" ng-model="a"/>*<input type="text" ng-model="b"/>
=<span>({{a}}*{}=>{{a*b}})<span/>
</div>

所以做開發(fā)的時候盡量使用{{}}。

總結

以上所述是小編給大家介紹的AngularJs模版與v-bind，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網站的支持！

文章名稱：深入淺析AngularJs模版與v-bind
當前網址：http://www.rwnh.cn/article4/ippcie.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供Google、軟件開發(fā)、網站建設、網站策劃、企業(yè)網站制作、App開發(fā)

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)