angularJs 基础学习

1、

<body ng-app>
        {
    
    {111}}
<body>

2、

<div ng-app=“”>
        <input type=“text" ng-model=“name” value=“”/>
        {
    
    {
    
    name}}
</div>

3、解决加载时间问题、有限加载表达式

ng-bind=“name”

4、$scope 中的 apply 方法
原始:
这里写图片描述

这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
5、
这里写图片描述
这里写图片描述

6、循环遍历以及方法返回
这里写图片描述
这里写图片描述

输入刷新
这里写图片描述

7、模块
这里写图片描述

这里写图片描述

这里写图片描述
8、provider
这里写图片描述

这里写图片描述

这里写图片描述
这里写图片描述

9、多个控制器共享数据
这里写图片描述

这里写图片描述

10、angular 过滤器
这里写图片描述

这里写图片描述
这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

列表搜索:
这里写图片描述

ng-model=“search.id"

这里写图片描述

排序:
‘-’代表反向排序
orderType为字符串,orderBy 通过此来排序,所以 click 事件里
传入需要排序的字段即可
这里写图片描述

这里写图片描述

自定义过滤器
这里写图片描述

这里写图片描述

这里写图片描述

正确使用 controller
这里写图片描述

这里写图片描述
这里写图片描述
内置指令
这里写图片描述
这里写图片描述

事件指令
这里写图片描述
节点指令
这里写图片描述

自定义指令
这里写图片描述
这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

不常用
这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述
这里写图片描述

这里写图片描述

@双向绑定不能是对象
这里写图片描述

这里写图片描述

这里写图片描述


案例:

自定义指令:according 指令
折叠效果
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

constant、value、run 方法
这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述
这里写图片描述

这里写图片描述
这里写图片描述

这里写图片描述
这里写图片描述

猜你喜欢

转载自blog.csdn.net/u013377003/article/details/78793418