<!DOCTYPE html>
<!--
1. HTML自定义属性 ng-app属性
作用：用于启动AngularJS应用程序
2. AngularJS号称模块化，组件化项目开发的框架
模块/组件：积木
根模块：通过ng-app的属性值来指定【指定的是名称】--指定了一个myApp的模块
-->
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/lib/AngularJS/angular.min.js"></script>
</head>
<body>
<!--
6. 基础语法：通过ng-controller来将控制器和对应的标签绑定
定义好了控制器的作用范围【开始标签~结束标签之间】
<!--
7.基础语法结构：
mustache语法~ 通俗的说，就是双大括号！
用于输出变量的数据、进行数据的运算等等
但是mustache语法，由于加载如果缓慢的情况会出现直接将大括号打印到页面上的问题
所以通常项目开发时，使用ng-bind来代替
-->
<!--
8. ng-init这个东西，主要用来在标签中初始化一些变量数据【不推荐】
-->
{{name}} | <sapn ng-bind="name"></sapn>
{{count}} | <span ng-bind="count"></span>
</div>
<hr>
<div>
{{name}}
{{count}}
</div>
<script>
/* 3. 定义模块 */
var app = angular.module("myApp", []);
/* 5. 控制器的参数$scope 是不需要传递数据的，AngularJS会自动给它赋值
* $scope上可以挂在数据，用于当前控制器的范围
* */
app.controller("myCtrl", function($scope) {
$scope.name = "jerry";
});
</script>
</body>
</html>
<!--
1. HTML自定义属性 ng-app属性
作用：用于启动AngularJS应用程序
2. AngularJS号称模块化，组件化项目开发的框架
模块/组件：积木
根模块：通过ng-app的属性值来指定【指定的是名称】--指定了一个myApp的模块
-->
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/lib/AngularJS/angular.min.js"></script>
</head>
<body>
<!--
6. 基础语法：通过ng-controller来将控制器和对应的标签绑定
定义好了控制器的作用范围【开始标签~结束标签之间】
-->
/* 4. 定义控制器 */
<!--
7.基础语法结构：
mustache语法~ 通俗的说，就是双大括号！
用于输出变量的数据、进行数据的运算等等
但是mustache语法，由于加载如果缓慢的情况会出现直接将大括号打印到页面上的问题
所以通常项目开发时，使用ng-bind来代替
-->
<!--
8. ng-init这个东西，主要用来在标签中初始化一些变量数据【不推荐】
-->
{{name}} | <sapn ng-bind="name"></sapn>
{{count}} | <span ng-bind="count"></span>
</div>
<hr>
<div>
{{name}}
{{count}}
</div>
<script>
/* 3. 定义模块 */
var app = angular.module("myApp", []);
/* 5. 控制器的参数$scope 是不需要传递数据的，AngularJS会自动给它赋值
* $scope上可以挂在数据，用于当前控制器的范围
* */
app.controller("myCtrl", function($scope) {
$scope.name = "jerry";
});
</script>
</body>
</html>
668
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
