刪除創建的元素我有消息列表中創建使用:如何淡出和NG-重複
var messages = ["Foo Bar", "Lorem Ipsum", "Dolor Sit Amet"];
app.controller('fooControler', function($scope) {
$scope.messages = [
{"message": "Hello There"}
];
function insert() {
var random = Math.round(Math.random()*(messages.length-1));
var message = messages[random];
messages.splice(random, 1);
$scope.$apply(function() {
$scope.messages.push({message: message});
});
if (messages.length) {
setTimeout(insert, 5000);
}
}
setTimeout(insert, 5000);
});
和我的NG-HTML看起來像這樣:
<html ng-app="app">
<body ng-controller="fooControler">
<header>
<div>You have {{messages.length}} messages</div>
<ul ng-repeat="message in messages">
<li>{{message.message}}</li>
</ul>
</header>
</body>
</html>
我如何淡出的消息並刪除它們?我知道如何在jQuery中做到這一點,但我怎樣才能使用Angular方式做到這一點?
可能,這將是有益的:HTTP:/ /code.angularjs.org/1.1.4/docs/api/ng.directive:ngAnimate – Cherniv
你想什麼時候重新幾秒鐘後,將項目 –
@ArunPJohny移動到setTimeout中。 – jcubic