溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
簡介
v-bind與{{}}都可以對數據進行綁定，但是二者有區別的，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}}*{{b}}=>{{a*b}})<span/>
</div>
所以做開發的時候盡量使用{{}}。
總結
以上所述是小編給大家介紹的AngularJs模版與v-bind，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
