0
Basit animasyonlar içeren basit bir uygulama hazırladım; böylece bir diziye öğe ekleyip kaldırabilirim (animasyonlar için ng-fx kullanılır), ancak bir sorunum var.Angularjs ng-fx animasyonu yanlış öğeye uygulandı
Yeni öğeler eklemeye çalıştığımda, ng-repeat duplicate error. aldım track by $index ekleyerek düzeltdim, ancak bu sefer yeni bir hata oluştu. Bir öğeyi listeden kaldırmaya çalışırsam, yanlış olanı animasyonludur.
İşte İşte benim kod benim plnkr
http://plnkr.co/edit/hKk9VGHIE1GT2i3P8TtT?p=preview
bu.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
<script data-require="[email protected]" data-semver="1.5.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
<script src="angular-animate.min.js"></script>
<script src="ng-fx.js"></script>
</head>
<body ng-app="app">
<div ng-controller="FirstController">
<div ng-repeat="name in names track by $index" class="fx-fade-normal">
{{name}}
<input type="submit" value="Remove" ng-click="remove($index)">
</div>
<input type="text" ng-model="name" />
<input type="submit" value="Add" ng-click="add()">
</div>
<script>
angular.module('app', ['ngAnimate', 'ng-fx']);
angular.module('app').controller('FirstController', ["$scope", function($scope) {
$scope.names = ["first", "second", "third", "fourth"];
$scope.add = function() {
$scope.names.push($scope.name);
};
$scope.remove = function($index) {
$scope.names.splice($index, 1);
};
}]);
</script>
</body>
</html>
teşekkürler "adlarında adı $ id (isim) tarafından takip" = ng-repeat için "adlarında adı $ endeksine göre takip" ama Ana problemi çözmez, ben aynı değere iki kere aynı değeri eklemeyi denediğimde yine de hata alırım. Çalışan bir plnkr'ı paylaşabilir misiniz? – salep
Çalışıyor burada bak. http://plnkr.co/edit/AIQVzC0biseLbRgAHJr2?p=preview. $ id (name) tarafından izlenen parça, $ index ile izlenen gibi çalışır. https://docs.angularjs.org/api/ng/directive/ngRepeat –
Teşekkürler, ama bu sefer animasyon sorunu hala devam ediyor. Öğeyi sayfanın üst kısmından kaldırmaya çalışırsanız, kaldırılır, ancak beklediğiniz gibi olmaz. – salep