深入淺析AngularJs模版與v-bind

簡介

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

v-bind與{{}}都可以對數(shù)據(jù)進行綁定，但是二者有區(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">結(jié)果是：</span>
</div>

這種做法會將整個span標(biāo)簽上的text都會替換掉結(jié)果只顯示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ā)的時候盡量使用{{}}。

總結(jié)

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

文章名稱：深入淺析AngularJs模版與v-bind
當(dāng)前網(wǎng)址：http://muchs.cn/article4/ippcie.html

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

廣告

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