angularJS指令学习

本文介绍了AngularJS中的指令概念及其分类,包括控制指令、渲染指令、节点指令、事件指令和其他指令。重点讲解了ng-app和ng-controller指令的作用及用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

angularJS中有很多指令
指示,命令:指挥示意要做一件事情!
指令:就是扩展了HTML的基本功能,通过额外的标签、属性来增强HTML功能
Angular的指令在页面中体现出来就是一个标签\属性\class名称\注释等
常见指令,按照指令的功能,划分为五大类
1.控制指令,用于ANGULAR应用程序加载流程控制
2.渲染指令,用于ANGULAR将数据在网页中进行展示/隐藏处理
3.节点指令,用于ANGULAR对标签、属性、样式、内容进行处理的指令、
4.事件指令,用于处理常规事件操作的指令
5.其他指令….
控制指令:
ng-app
用于定义Angular应用入口的指令,用于[自动引导]Angular程序的运行
在定义应用程序运行入口的同时,可以绑定一个DOM元素, DOM元素的开始标签和结束标签之间~就可以认为是模块的作用范围
Angular通过ng-app指令,实现自动引导程序运行,底层是通过bootstrap()进行模块DOM元素加载,开始运行!
ng-app 没有模块,可以引导Angular运行吗?

// angular引用可以运行吗?可以运行
Angular会将页面中出现的支持的语法进行解释运行!
但是不能使用模块控制器中定义的/挂载的数据,超出了作用范围!
ng-app=”模块名称”
该模块就会作为Angular的根模块出现,整个作用范围中,页面View和数据Model可以进行无缝交互!

ng-controller
模块中,可以给模块挂载一个或者多个控制器
挂载好的控制器在当前模块范围内,可以通过ng-controller指令来指定控制器的作用范围目前常规控制器的做法:
先声明模块
模块下挂载控制器>>> 控制器的作用范围仅限于当前模块!>>>局部控制器
angular1.2版本以前
控制器的定义,是直接通过全局函数来实现的
//控制器:全局控制器
function ctrl(scope) {scope.name = “tom”;//挂载数据
}
全局控制器的意思,是可以在网页中任意地方通过ng-controller进行注册
全局控制器造成了全局数据污染~!所以Angular在1.2版本以后进行了彻底修改
废弃了全局控制器~ 而是提倡使用挂载在模块下的局部控制器!来更好的控制数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值