1、数据的挂载
在函数中设置数据
function Aaa($scope){
$scope.name = ‘hello‘;
$scope.age = ‘20‘;
}
2、ng-controller
这是一个控制器，用于连接数据和视图
<div ng-controller="Aaa">
3、双大括号表达式
这里就相当于视图，通过控制器将数据显示到视图中
<p>{{name}}</p>
4、整体代码实例
<!DOCTYPE HTML>
<html ng-app>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>angular概述</title>
<script src="angular.min.js"></script><!--需要将这个js引入-->
<script>
function Aaa($scope){
$scope.name = ‘hello‘;
$scope.age = ‘20‘;
}
</script>
</head>
<body>
<div ng-controller="Aaa">
<p>{{name}}</p>
<p>{{age}}</p>
<!--name就相当于一个变量，如果想直接输出name这个字符串的话可以给name加上引号-->
</div>
</body>
</html>
时间： 2024-11-08 23:52:07