一、组合绑定
<div ng-app="myApp" ng-controller="personCtrl">
名: <inputtype="text" ng-model="firstName"><br>
姓: <inputtype="text" ng-model="lastName"><br>
<br>姓名:{{fullName()}}</div>
<script>
var app = angular.module('myApp', []);
app.controller('personCtrl',function($scope){
$scope.firstName = "John";
$scope.lastName = "Doe";
$scope.fullName = function() {
return $scope.firstName +" " + $scope.lastName;
}});
</script>
二、数组绑定
<html ng-app="lesson" ng-controller="lesson3">
<ul>
<li ng-repeat="x in UserNameList">{{x}}</li>
</ul>
<script src=”scripts/angular-1.1.1.min.js“></script>
<script>
var app = angular.module("lesson"，[]);
app.controller("lesson3",function($scope){
$scope.UserNameList=["Tom","Jerry","David","Tim"]
})
})
</script>
三、表格绑定
<html ng-app="lesson" ng-controller="lesson3">
<table>
<thead><th>姓名</th><th>年龄</th><th>星座</th></thead>
<tbody>
<tr ng-repeat="x in UserInfoList">
<td>{{x[0]}}</td><td>{{x[1}}</td><td>{{x[2]}}</td>
</tr>
</tbody>
</table>
<script src=”scripts/angular-1.1.1.min.js“></script>
<script>
var app = angular.module("lesson"，[]);
app.controller("lesson3",function($scope){
$scope.UserInfoList=[["Tom",26,",水瓶座",],["Jerry",27,",巨蟹座",],["David",28,",天秤座",],["Tim",39,",摩羯座",]]
})
})
</script>
扫一扫
1046
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
