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>
运行结果为:
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>
运行结果为
<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>
原文:https://www.cnblogs.com/xiaoxinstart/p/12088673.html