美文网首页
AngularJS 第一天

AngularJS 第一天

作者: 阿迪呀dity | 来源:发表于2017-06-05 22:04 被阅读0次

    表达式

    常用指令

    1. ng-app

    ng-app指令: 指定当前标签为跟标签,在一个页面中只能有一个跟标签

    功能:代码在执行到该指令时,会初始化整个angular程序

    一般加载到body或html标签上,只能出现一次

    app:声明angular应用程序的范围

    2.ng-init

    通常使用ng-init来初始化定义一些变量,如果需要定义多个变量,则变量之间使用分号分割

    一般情况下,在init指令中定义的变量都是静态变量,在页面加载时就需要确定值,非常不方便,所以日常开发中,我们会在控制器中定义变量,并把值传进来

    {{}}:两个花括号嵌套,中间可以写表达式,所有js的表达式都可以写在这里执行

    3.ng-repeat

    使用ng-repeat指令遍历数组、对象的值

    如果需要遍历 得到属性、对象的下标、属性名,则需要在in操作符前使用小括号包裹两个变量,这样第一个变量中存放的就是下标、属性名;第二个变量中存放的就是元素、属性值

    ng-repeat指令的使用场景:常用来解析json数据,并把数据展示在页面中,json转成对象

    4.ng-class

    class指令:是给标签添加class值,一般给该指令赋值,要么是保存了字符串的变量,要么是字符串,

    使用场景:经常使用class指令来设置预定义样式

    5.ng-click

    6.ng-mouseover

    7.ng-focus / ng-blur

    8.ng-style

    9.ng-model

    10.ng-bind

    11.ng-if

    12. ng-show / ng-hidden

    注意:如果使用两个radio按钮,会有问题。

    13.ng-disable

    14.ng-href / ng-src

    15.ng-include

    创建一个 common.html页面,写一段代码片段,

    ng-include:导入页面公用部分,代码片段,必须在服务器打开

    <div ng-include="'common.html'"></div>

    16.ng-cloak

    可以解决页面闪动问题;一般加在最外面标签即可

    17.ng-controller

    相关文章

      网友评论

          本文标题:AngularJS 第一天

          本文链接:https://www.haomeiwen.com/subject/sprwfxtx.html