angularJs 基础学习

本文介绍了AngularJS的基础用法及关键特性,包括双向数据绑定、控制器、指令和服务等内容。探讨了如何通过AngularJS实现视图与数据的同步更新、自定义指令增强页面交互性,并概述了模块化开发及依赖注入的原理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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 方法
这里写图片描述

这里写图片描述

这里写图片描述

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值