引导应用

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

ngApp 是我们第一个要知道的指令,在 html 文档的元素里面,使用这个指令,意思就是,告诉 Angular,这个元素还有它里面的东西属于应用的一部分。也就是在这个元素还有它里面,我们可以去使用 Angular 提供的功能。

一般这个这个指令会作为 body 或者 html 元素的一个属性来使用。 比如在这里,我们可以把这个指令放到 html 这个元素的上面 .. 输入 ng-app .. 这里的意思就是告诉 Angular ,html 这个元素是我们的应用的根元素 .. 这样在这个文档里面,我们就可以使用 Angular 的功能了。

比如在这里用一个绑定,先输入两组花括号 ... 在这个花括号里面,先试几个表达式, 1 + 1 ... 保存 .. 在浏览器上你会看到算出来的结果 ... 2 * 5 ... 结果是 10 ... "hello" + " ninghao!" 结果就是把这两个字符串连接到了一起 ...

下面我们可以把这个 ng-app 放到一个其它的地方 ... 输入一组 div ... 然后把 ng-app 作为它的一个属性 ... 再去掉 html 元素上面的 ng-app ... 保存 ...

你会看到,浏览器上面会直接输出我们输入的东西,因为现在 ng-app 这个指令放到了这个 div 元素里面,Angular 会认为这个元素还有它里面的东西才是应用的一部分 ... 我们把这个绑定放到这个 div 里面 ... 再保存 .. 现在又可以显示表示式算出来的结果了。

https://docs.angularjs.org/api/ng/directive/ngApp

引导应用《 AngularJS 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点