发表于: 2017-04-04 23:56:47

2 1263


今天完成的事:

学习angular。知识点很细碎。


angularJS:MVx框架,把数据,表现,逻辑分离开,方便程序猿,避免重复劳动(获取,事件);
ng-model 数据、双向绑定,
ng-bind 指定输出

ng-app 指定范围。


一些ng事件:

ng-repeat的用法,例如有一个json数据:json={a:‘123’,b:‘234’,c:‘25’}

输出数据可以ng-repeat=“(key,value) in json”,

也可以 ng-repeat=“xxx in json”

数组也可以这样用,其中key是数组下标。


之前示例很多是ng-init写死,活的是从服务器获取,这里要用到controller。它的作用:
1代码放进controller

2桥梁:可以在controller里写原生js函数。之前原生js与angular不互通,函数变量事件等。


一个页面里有很多module,一个module里有很多controller。

先定义,然后在html里使用。

scope就是angular的作用域,ng所有的数据都在$scope里。



普通函数,由调用方决定参数。

ng函数,由定义方决定参数。这就是依赖注入。


filter——过滤器。可以自定义。
{{.price|currency}}
{{item.time|date:"yy年MM月dd日 HH:mm:ss"}}
M月 m分
(可自定义过滤器)


ng-clack 没得到加载数据时不要显示。

ng-hide="true" 为true时隐藏。


使服务器的数据交互起来 $http。

$http.get('地址',{
params:{act:' ' } //想要请求的

})).success( function (){}).error( function(){});

v1.5以上该方法已废弃

通用用法:

$http.get("url地址").then(function () {成功回调函数}

function () {失败回调函数});

接受数据格式不如意可以加一行代码responseType:'数据类型' 来解析。



看一个用angular实现的留言功能,学习了看接口,写功能。使用angular后从html和js中解放出来,不用获取节点操作节点,直接就在html里输出数据,很是方便灵活,功能强大。



明天要做的事:该动手写了。

遇到的问题:ng代码灵活到没有声明,很多变量名没头没脑的窜出来,分不清这是自定义的,还是angular自带的。

收获:如上。


返回列表 返回列表
评论

    分享到