angular.js1.4初心者です。
ng-optionsを使ったときの挙動についての質問です。
javascript
1 2function mainController() { 3 this.list = //$resourceで取得したオブジェクト 4} 5 6var app = angular.module('app',[]); 7app.constant('utils', { 8 ary: ['hoge1', 'hoge2', 'hoge3', 'hoge4', 'hoge5'] 9} 10app.run(['$rootScope', 'utils', ($rootScope, utils) => { 11 $rootScope.utils = utils; 12} 13app.controller('mainController', mainController);
と共通で利用する配列をcontroller,viewどちらからもいつでも参照できるように設定したうえで、
html
1<div ng-controller="mainController as main"> 2 <input type="text" ng-model="text"> 3 <select ng-model="tag" ng-options="item for item in utils.ary"> 4 <option value=""> 選択してください。 5 </select> 6 <ul> 7 <li ng-repeat="data in (main.list | filter: tag | filter: text")> data </li> 8 </ul> 9</div>
と$resourceで取得したリストをinput、selectタブで選択された値をバインドしてフィルターをしています。
ここでselectのフィルターについての質問なのですが、挙動として
①初回アクセス時のページ表示は問題なし(リストがすべて表示されている)。
②セレクトタグからある値を選択⇒問題なく動く(選択したタグによってフィルタリングできている)。
③セレクトタグを未選択状態に戻す⇒リストがすべて消える(フィルタリングで0件表示になっているよう)
この③の挙動を回避方法を教えていただきたいのです。よろしくお願いします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。