Я использую Angular js1. Когда я использую угловую область выбора, ng-click не работает

Question

Как использовать поле выбора с функцией ng-click. я попытался, но это не работает с моей стороны. Если любая альтернатива разделяет код.

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.items = ["john", "Aplle", "Ravi"]; 
 
    
 
    $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()">{{item}}</option> 
 
</select> 
 

 
</div>

Answer 1

event директива по options теге select никогда не будет. Вы должны использовать ng-change на выбранном элементе.

<select ng-model="selectedItem" ng-change="clicked()"> 
    <option ng-repeat="item in items" ng-value="item.value">{{item}}</option> 
</select> 

Хотя выше не правильный способ, чтобы решить вашу проблему, вы должны использовать ng-options вместо ng-repeat

<select ng-model="selectedItem" 
    ng-options="item for item in items" 
    ng-change="clicked(item)"> 
</select> 

Answer 2

Вы также можете использовать ng-click, но он должен быть в избранных:

<select ng-click="clicked()"> 
    <option ng-repeat="item in items">{{item}}</option> 
</select>