Angulerjs初心者です。
以下のようにng-repeatをした要素をmodelの値で表示、非表示を切り替えたいのですが、(下のコードではng-showを使っていますが、ng-switchでも意図した動作になりません)
ng-showがtrueになってもng-hideクラスがついたままになり、選択した要素が表示されません。
ng-repeatした要素をng-showやng-switchで表示、非表示を切り替えることはAnglerjsでは不可能なのでしょうか?
ng-repiatした後のタイミングで自前のfunctionを発動させて意図した動作にすることには成功しておりますが、Anglerjsを使用したもっと効率のよい方法がないか調べています。
わかる方がいればどなたかご教示いただけますでしょうか?
html
<div ng-controller="mainCtrl"> <select ng-model="switch" type="text"> <option>index1</option> <option>index2</option> <option>index3</option> <option>index4</option> <option>index5</option> </select> <div ng-repeat="task in tasks" ng-show="{{switch=='index'+$index+1}}"> <div> {{task.body}} </div> </div> </div> ***Javascript
var mainCtrl = function($scope){
$scope.tasks=[
{"body":"this 1"},
{"body":"this 2"},
{"body":"this 3"},
{"body":"this 4"},
{"body":"this 5"}
];
};
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/02/27 09:58