3.基本指令app和init

最新推荐文章于 2022-09-16 19:09:56 发布

weixin_33769207

最新推荐文章于 2022-09-16 19:09:56 发布

阅读量290

点赞数

文章标签： javascript 操作系统 ViewUI

原文链接：https://my.oschina.net/oneboi/blog/794064

版权

#1.ng-app

作用：标明一个AngularJS应用程序，标记应用根作用域

##ng-app做了什么事 ng-app指令来标明一个AngularJS应用程序，并通过AngularJS完成自动初始化应用和标记应用根作用域，同时载入和指令内容相关的模块，并通过拥有ng-app指令的标签为根节点开始编译其中的DOM。

引用方法很简单，如下所示：

<div ng-app="> </div>

如上引用，一个AngularJS应用程序初始化就完成了并标记了作用域，也就是div元素就是AngularJS应用程序的"所有者"，在它里面的指令也就会被Angular编译器所编译、解析了

编译 编译DOM

#2.ng-init 初始化数据（定义初始值）

很多程序都需要初始化数据，包括操作系统

ng-init指令初始化应用程序数据，也就是为AngularJS应用程序定义初始值，通常情况下，我们会使用一个控制器或模块来代替它，后面我们会介绍有关控制器和模块的知识。

##基本初始化我们为应用程序变量name赋定初始值。

<div ng-app="" ng-init="name='Hello World'"> .</div>

我们不仅可以赋值字符串，也可以赋值为数字、数组、对象，而且可以为多个变量赋初始值，如下所示：

<div ng-app="" ng-init="quantity=1;price=5">.</div>
<div ng-app="" ng-init="names=['Tom','Jerry','Gaffey']"></div>

键值对

等号：= 赋值

分号：:分隔变量

#控制器初始化

#3. 表达式&调用初始化的值

双花括号{{}}

AngularJS框架的核心功能之一 —— 数据绑定，由两个花括号{{}}组成，可以把数据绑定到HTML，类似Javascript代码片段，可以包含文字、运算符和变量，通常在绑定数据中用到。

表达式可以绑定数字、字符串、对象、数组，写在双大括号内：{{ expression }}。

1.字符变量

<div ng-app="" ng-init="name='Hello World'">

  {{ name }}

</div>

2.输出数字变量

<div ng-app="" ng-init="quantity=12;price=5">总价： {{ quantity * price }}</div>

3.数组变量


 <div ng-app="" ng-init="names=['Tom','Jerry','Gaffey']">名字为： {{ names[0] </div>

转载于:https://my.oschina.net/oneboi/blog/794064

关注