Hello angular js

    xiaoxiao2022-07-12  158

    angular js第一天 1.边界指令ng-app 描述:AngularJS框架在使用的时候除了需要引入框架文件之外,还需要为框架指明一个边界 告知框架在哪个范围内生效。如果不使用边界指令进行声明,则AngularJS框架引入失败。 习惯上写在html标签之内,表示在当前页面中angularJS都能正常使用 语法: 注意:边界指令是使用NG框架必须使用的一个指令,不写一定出现错误; 2.呈现指令{{}} 描述:NG框架规定{{}}嵌套双花括号用来表示【内容呈现】功能 在{{}}中可以书写NG语法规则下的变量、字符串甚至表达式 说明:在上节课例子中{{msg}}, 就是使用了呈现指令,将NG变量msg中的内容呈现出来 强调:呈现指令内只能书写合乎NG语法规则的内容, 任何不符合的输入都不能保证最终的呈现结果 这种写法坚决禁止:{{var num = 1;}} 3.信息指令ng-model 描述:NG框架规定ng-model用来对input或textarea这类 用于收集用户信息的标签进行数据绑定 ng-model所赋的值,即为【保存有用户输入内容的NG变量】 语法:<textarea … ng-model=‘userInfo’> 4.绑定指令ng-bind 描述:NG框架中提供了一个用于对非输入性的标签使用的 类似于{{}}呈现指令的辅助指令 即为ng-bind 作用是能够将NG变量绑定到想要显示的标签之上, 并且在NG框架加载失败的时候,也不会直接将语法错误暴露出来 语法: 5.初始化指令ng-init 描述:NG框架中规定使用本指令来对边界内部的数据模型(NG变量们)进行初始化操作 ng-init并没有规定具体的必须摆放位置,但习惯上放在body上 会在页面加载后,自动对内部规定的数据模型进行初始化操作 语法:

    最新回复(0)