AngularJs也是一个MVVM的前端js框架。

指令:ng-app/ng-init

ng-app:1.启动angularjs框架;2.告诉angularjs框架从ng-app指令所在标签的开始到结束之间的所有DOM元素都由angularjs框架管理。

注意:1.ng-app一般放在html标签内,用于告诉angularjs框架,整个页面都由angularjs管理;

<html ng-app>
<head>
    <title>Kong's Website</title>
    <script src="~/Scripts/angular.js"></script>
</head>
<body>
    <div>{{"hello world!"}}</div>
    <div>{{"hello angularjs!"}}</div>
</body>
</html>

运行结果为:

hello world!
hello angularjs!

2.一个页面默认加载第一个ng-app

<html >
<head>
    <title>Kong's Website</title>
    <script src="~/Scripts/angular.js"></script>
</head>
<body>
    <div ng-app>{{"hello world!"}}</div>
    <div ng-app>{{"hello angularjs!"}}</div>
</body>
</html>

运行结果为

hello world!
{{"hello angularjs!"}}
 
ng-init:初始化作用域
<html ng-app>
<head>
    <title>Kong's Website</title>
    <script src="~/Scripts/angular.js"></script>
</head>
<body ng-init="person={'name':'jane'};arr=['angularjs','jquery','dojo']">
    <div>{{person.name}}</div>
    <div>{{arr[0]}}</div>
</body>
</html>
运行结果:
jane
angularjs
表达式:{{}} 双大括号中间的部分,比如上述的person.name 和arr[0]
12-21 18:33