AngularJs模版与ng-bind

简介

        ng-bind与{{}}都可以对数据进行绑定，但是二者有区别的，ng-bind不好，为什么说ng-bind不好是因为ng-bin做了完全替换的错做，如果你想做字符串的拼接那么ng-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>

            所以做开发的时候尽量使用{{}}。

喜欢博主的同学们给博主粉一下，感谢支持.

                                                                        不积跬步无以至千里,不积小流无以成江海