angularjs
Angular.JS学习记录（二）
发布时间：2019-06-26 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Angular.JS学习记录（二），脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
今天咱们继续来说Angular
angular指令
angular指令就是其内置的一些方法。均以ng-XXX来表示，比如前面见到的ng-controller,ng-model，ng-app等等。
其中ng-app是angualr的初始化指令，如果不写，那么整个页面关于angular的JS都不会起作用的哦！你可以把它写在HTML标签上，也可以写在局部的Div身上。这样子你就可以灵活的控制需要使用angular的地方了。
双向数据绑定
Angular是MVVM模式，即双向数据绑定，也就是说数据的改变可以影响到视图，视图的改变可以影响到数据的改变，这就是双向数据绑定。咱们来看看代码：
<body>
<div ng-controller="hockor">
<p>hello {{name}}</p>
</div>
<script src="http://libs.baidu.COM/jquery/1.9.0/jquery.js"></script>
<script>
"use strict";
function hockor($scope,$timeout) {
$scope.name = "world";
$timeout(function () {
$scope.name = "hockor";
}, 3000)
}
</script>
</body>
执行的效果如下
看看，是不是数据的改变就影响视图的改变了！
PS：代码中的$timeout就相当于JS中的setTimeout一样，但是如果你在这里写js中的setTimeout是无效的哦，必须按angular的来写。
再来看一个：
<body>
<div ng-controller="hockor" ng-click="name='click'">
<p>hello {{name}}</p>
</div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
"use strict";
function hockor($scope,$timeout) {
$scope.name = "world";
}
</script>
</body>
其中效果的变化是我点击触发的（录制gif的原因。看不到鼠标效果）。
购物车实例
接下来我们看看angular中的过滤器，并且做一个小例子！
要求：完成一个简单的购物车，当用户总价大于100元时，运费为0；
