发表于： 2017-01-14 22:57:36
1 1514
今天完成的事
看视频写了一个选项卡
明天的计划
再看下ajax，从服务器请求数据，现在列表页的数据都是我随便写的
收获
ng-repeat
如果有重复就挂了
比如repeat【1，1，2，3，4，4】
ng-class
直接写 class = {{}}
能直接放数组 ng-class = “arr”
style
直接写 style = {{}}
json ng-style = json
ng-if 删除元素
ng-if = “条件”
只能让元素存在或者消失，
ng-show显示
ng-hide 隐藏
三目表达式
ng-repeat和ng-click同时使用会发生诡异的错误
不能再ng-click里直接赋值，可以用函数
$watch
监视
$watch( "谁"，干什么 )
$watch( "谁"，function( ){ } )
还可以有第三个参数
深度监视，监视其内容变化
如，原本监视一个数组arr=【1，2，3】
若添加按钮点击事件push进去一个4，function里每当变化时alert（“变了”）
则点击时{{ arr }}的值会发生改变，却不会触发#watch里的监视函数
如$watch（"name",function( ){ },true）
则数组内容改变时也会触发function
若监测对象可以加true
$apply
强制更新数据，但是建议除赋值和运算外都用angular自带写法
$interval
angular的定时器用法
在controller里传入$interval参数而后使用
$scope.timer = 0;
var time = $interval(function () {
$scope.timer++;
if ($scope.timer == 100 ){
$scope.timer = 0;
}
},50)
var time = $interval(function () {
$scope.timer++;
if ($scope.timer == 100 ){
$scope.timer = 0;
}
},50)
$scope.timer = 0;
var time = $interval(function () {
$scope.timer++;
var time = $interval(function () {
$scope.timer++;
if ($scope.timer == 100 ){
$interval.cancel(time);
}
},50)
},50)
如需停止，使用cancel方法
timeout同理
directive 指令
带功能的自定义标签，自定义组件
app.directive('abc',function( ){
var json = {
restrict
template
}
});
app.directive('abc',function( ){
var json = { //先写个json，为配置指令相关内容
restrict: "E" , //约束，指令能用在哪儿
template: "<span>asd</span>" //模板
};
return json ;
});
var json = { //先写个json，为配置指令相关内容
restrict: "E" , //约束，指令能用在哪儿
template: "<span>asd</span>" //模板
};
return json ;
});
此时若使用<abc></abc>,template内的模板就会被扔进此标签之中。
<abc>
<span>asd</span>
</abc>
<span>asd</span>
</abc>
restrict 即为
约束，激活条件
E element 元素
A attribute 属性
C class 类
M comment 注释 若注释则需要加replace：true
困惑
ajax忘干净了，，
返回列表
评论