AngularJs

1 Angularjs

1、ng-app=" "  定义angularJS的使用范围;

2、ng-init="变量=值;变量='值'"  初始化变量的值,有多个变量时,中间用分号隔开;

例如:ng-init="name='aaa';age='20'"

3、ng-model="变量"  定义变量名;

4、ng-bind="变量"  绑定变量名,获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值,比如:{{变量}}。

5、HTML5 允许扩展的(自制的)属性,以 data- 开头。

6 AngularJS一个文件可以存在多个ng-app,但是只会加载第一个。

7 AngularJS 表达式可以写在 HTML 中,不支持条件判断,但是可以用三目运算符,循环及异常,AngularJS 表达式支持过滤器

8 当ng-bind和{{}}同时使用时,ng-bind绑定的值覆盖该元素的内容。

9 ng-show:当ng-show属性值为true 的时候显示

2 AngularJS 于前端开发有什么作用,对比其它框架有何优点

1.前台DOM和后台Model的双向绑定,前后台的更改都可以随时生效,这给一些普通的业务逻辑的开发带来了很大的方便。
2.依赖较少,上手容易。只要包含一下Angularjs文件就可以着手简单的开发了(如果程序稍微复杂些的话还是需要借助其他工具的)
3.能与多种其他工具整合,如Nodejs,Express,且侵入程度较低。
4.及其适合开发SPA(Single Page Application)类型的web应用,有多方便,只有尝试过的人才知道。

3  restrict 值可以是以下几种:

1)E 作为元素名使用:<kk-directive></kk-directive>

2)A 作为属性使用: <div kk-directive></div>

3)C 作为类名使用:<div class="kk-directive"></div>

必须设置 restrict 的值为 "C" 才能通过类名来调用指令

4)M 作为注释使用: <!-- directive: kk-directive -->

注意: 需要在该实例添加 replace 属性,否则评论是不可见的。

注意: 必须设置 restrict 的值为 "M" 才能通过注释来调用指令。

restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。

4

Valid:校验合法状态 合法的则为 true

Dirty:如果值改变则为 true

Touched:如果通过触屏点击则为 true

Error: 验证失败,则此属性将是true的

5 $rootScrope$scope的区别

$rootScope针对全局的作用域生效,可以在各个 controller 中使用;$scope只针对当前的controller作用域生效

6 ng-show/ng-hide  ng-if的区别

实现原理方面:ng-show/ng-hide是通过修改CSS样式方式控制元素显示与隐藏,对应的DOM元素会一直存在于当前页面中,而ng-if根据表达式的值动态的在当前的页面中添加删除页面元素。如果赋值表达式的值为false,那么这个元素就会从页面中删除,否则会添加一个元素。

在作用域方面,两者也存在差异:当一个元素被ng-ifDOM中删除时,与其关联的作用域也会被销毁。而且当它重新加入DOM中时,则会生成一个新的作用域,而ng-showng-hide则不会。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章