![](https://img-blog.csdnimg.cn/20201210101331975.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Angular
Angular 相关技术
dbt@L
这个作者很懒,什么都没留下…
展开
-
Angular——Angular day06(常用指令)
常用指令(一)ng-app: 指定模块名,angular管理的区域ng-model: 双向绑定,输入相关标签ng-init: 初始化数据ng-click: 调用作用域对象的方法(点击时)ng-controller: 指定控制器构造函数名,内部会自动创建一个新的子作用域(外部的)ng-bind: 解决使用{{}}显示数据闪屏(在很短时间内显示{{}})ng-repeat: 遍历数组显示数据, 数组有几个元素就会产生几个新的作用域$index, $first, $last, $middle.原创 2020-08-26 21:14:11 · 111 阅读 · 0 评论 -
Angular——Angular day05(表达式)
使用Angular表达式:语法: {{expression}}操作的数据基本类型数据: number/string/booleanundefined, Infinity(正无穷大的数值), NaN, null解析为空串: “”, 不显示任何效果对象的属性或方法数组原创 2020-08-26 21:16:16 · 82 阅读 · 0 评论 -
Angular——Angular day03(作用域和控制器)
作用域对象 :一个js实例对象, ng-app指令默认会创建一个根作用域对象($rootScope)控制器:ng-controllerAngular还有创建一个新的域对象scope,它是scope, 它是scope,它是rootScope的子对象代码:<body ng-app><div ng-controller="test"> <input type="text" ng-model="aa"> <input type=.原创 2020-08-26 21:15:24 · 105 阅读 · 0 评论 -
Angular——Angular day02(依赖注入)
* 依赖对象:完成某个特定的功能需要某个对象才能实现,这个对象就是依赖对象。* 依赖注入:依赖的对象以形参的形式被注入进来使用,这种方式就是依赖注入。* angular的 ‘$scope’对象就是依赖对象,并且是依赖注入的形式进行使用。 !!!形参必须是特定的名称, 否则Angular无法注入抛异常 上代码:<button id="btn">点我一下</button><script type="text/javascript" src="../../js/an.原创 2020-08-26 21:14:44 · 98 阅读 · 0 评论 -
Angular——Angular day01(数据双向绑定)
ng-model 是双向数据绑定{{}} 是单向数据绑定ng-init 用来初始化当前作用域变量例子: <body ng-app ng-init="name='nihao'"><input type="text" ng-model="name"><p>内容为:<span>{{name}}</span></p><script type="text/javascript" src="../../js/angular-1原创 2020-08-26 21:13:54 · 103 阅读 · 0 评论