Ama*_*ony 11 javascript angularjs angular-ui angularjs-ng-repeat
我在视图中有以下代码:
<li ng-repeat="i in items">{{i.id}}</li>
我希望在ng-repeat添加/删除新值时动态触发items.就像在,如果一个新元素被添加到items那个开头那么它应该在开始时动态地呈现给DOM,并且类似地如果元素被添加到该items项目的结尾应该被呈现为最后一个列表项.这种DOM的动态变化是否可能是有角度的？
Dav*_*yon 10
ng-repeat应该这样开箱即用.但是,您需要push或unshift进入阵列,以便正确的手表将会触发.Angular将通过引用跟踪数组.
这是一个工作的plunker.
HTML:
<html ng-app="myApp">
<head>
<script data-require="angular.js@*" data-semver="1.2.0" src="http://code.angularjs.org/1.2.0/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="Ctrl">
<h1>Hello Plunker!</h1>
<div ng-repeat="item in items">
{{ item }}
</div>
<button ng-click="add()">Add</button>
</body>
</html>
JS:
var myApp = angular.module('myApp', []);
myApp.controller('Ctrl', function($scope) {
$scope.items = ['hi', 'hey', 'hello'];
$scope.add = function() {
$scope.items.push('wazzzup');
}
});
| 归档时间： |
|
| 查看次数： |
28808 次 |
| 最近记录： |