ANGULARJS中用NG-BIND指令实现单向绑定的例子
本文简单介绍AngularJS框架后,用一个实例演示{{}}插值法和ng-bind指令的使用。
不同于jquery只是一个加强和简化前端开发的类库,angularjs是一个完整web前端框架,所以学习曲线高了很多。
angularjs给我的感觉类似于Java的Spring框架,处于中心容器位置粘合其他组件,其内置的很多组件已经可以满足一般场景,特殊场景我们可以按照框架思路扩展。
下面从最基础的内容走起:
<!DOCTYPEhtml> <htmlng-app> <head> <metacharset="utf-8"> <title>ng-binddirective</title> </head> <bodyng-controller="HelloController"> <div> <p>直接输出字符串字面值</p> Hello{{"World"}} <hr> </div>
<div> <p>使用占位符输出变量</p> Hello{{greeting}} <hr> </div>
<div> <p>使用ng-bind指令输出变量</p> Hello<spanng-bind="greeting"></span> <hr> </div>
<scriptsrc="../lib/angularjs/1.2.26/angular.min.js"></script> <script> functionHelloController($scope){ $scope.greeting="World"; } </script> </body> </html>