AngularJS
2019-01-04 14:47:50 0 举报AI智能生成
AngularJS
作者其他创作
大纲/内容
简介
JavaScript框架
AngularJS的作用
可以把应用程序的数据绑定到HTML上
可以复制HTML元素
可以隐藏/显示HTML元素
可以在HTML元素背后添加代码
支持输入验证
扩展HTML
实例
页面加载完毕，AngularJS自动启动
ng-app告诉AngularJS，<div>是应用程序的所有者
ng-model把输入域的值绑定到应用程序变量name上
ng-bind把name的值绑定到某个innerHTML上
AngularJS应用
HTML元素中，ng-app指明应用程序，ng-controller指明控制器
JS代码中，module定义应用，controller定义控制器控制应用
实例
Angular表达式
数字
字符串
对象
数组
Angular指令
Angular通过指令为应用添加功能，同时支持开发者自定义指令
常用指令
ng-app指令定义AngularJS应用程序的根元素，页面加载完成后会自动初始化应用程序
ng-init指令初始化应用程序变量值
ng-init指令初始化的方式不常见，一般使用控制器或模块代替之
ng-model指令把元素值绑定到应用程序
另外，还可以为应用程序的数据提供类型验证、状态，为HTML元素提供CSS；绑定HTML元素到表单
ng-bind指令把应用程序数据绑定到HTML视图
AngularJS的双大括号{{expression}}和ng-bind功能类似，把表达式的数据绑定到HTML
表达式支持运算
ng-repeat重复一个HTML元素
ng-repeat 指令对于集合中（数组中）的每个项会 克隆一次 HTML 元素。
自定义指令
创建指令.directive
调用指令
元素名
属性
类名
注释
限制使用
0 条评论
下一页
