我讲一下基本的标签意思,以及用法:
如果想要学习angularJS的可以参考菜鸟教程:http://www.runoob.com/
ng-init="a=‘老牛‘;b=‘大讲堂‘"//初始化变量的名字ng-model="a"//定义一个变量,引用时直接用{{a}}就行了ng-app="myApp"//声明名字是myapp模块的作用域。ng-controller="myCtrl"//声明名字为myCtrl控制器的作用域。ng-repeat="list in data"//list代表循环的每一项,data是一个数组集合。
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="../other/angular.min.js" ></script>
<script>
var data=[
{name:"老牛大讲堂1"},
{name:"老牛大讲堂2"},
{name:"老牛大讲堂3"}
]
var app=angular.module("myApp",[]);//声明一个模块myApp,
app.controller("myCtrl",function($scope){//声明一个控制器myCtrl
$scope.data=data;//声明一个变量data
});
</script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">//声明myApp模块,和myCtrl控制器的作用域。
<ul>
<li ng-repeat="list in data">//list代表:{name:"老牛大讲堂1"},data就是数据集.相当于for循环。
{{list.name}}
</li>
</ul>
</div>
</body>
</html>
如图所示:
时间: 2024-10-11 16:35:13