ng-if条件とng-repeatで角度js 1選択ボックスオプションを使用する方法？

Question

選択ボックスng-if内の角度js1が動作していません。この問題を解決するにはどうすればよいですか？私はジョンの名前を表示するには、ビューのページでif条件を表示してください。それを表示するには？

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.items = [ 
 
    {name:"john", 
 
    area:"India" 
 
    }, 
 
    {name:"Apple", 
 
     area:'US' 
 
    }, 
 
    {name:"Ravi", 
 
      area:"UK" 
 
    }]; 
 
    
 
    $scope.clicked=function(){ 
 
    alert("hello"); 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 
<select> 
 
<option ng-repeat="item in items" ng-click="clicked()"  ng-if="item.area=='India'">{{item.name}}</option> 
 
</select> 
 

 
</div>

Answer 1

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.items = [ 
 
    {name:"john", 
 
    area:"India" 
 
    }, 
 
    {name:"Apple", 
 
     area:'US' 
 
    }, 
 
    {name:"Ravi", 
 
      area:"India" 
 
    }]; 
 
    $scope.selected={} 
 
    $scope.clicked=function(){ 
 
    alert("hello"); 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
<select> 
 
<option ng-repeat="item in items|filter:{area:'India'}" ng-click="clicked()" >{{item.name}}</option> 
 
</select> 
 

 
Better way- 
 
<select ng-options="option.name for option in items|filter:{area:'India'}" ng-model="selected" ng-change="clicked()" > 
 
</select> 
 

 
</div>

あなたは、フィルタのチェックng-repeatを使用している領域に応じてデータをフィルタすることができます。

エリア名が動的に変化している場合は、それに応じてフィルタを変更してください。

EDIT 使用ng-changeディレクティブ（変更を参照）クリックngのない