2016-07-18 66 views
0

希望你很好,很好,平變化在選擇下拉列表不工作

我有以下形式:

<form class="form-horizontal alert alert-warning" name="testForm" id="testForm" ng-submit="fun2();" hidden> 
<h3 class="text-center">New Person</h3> 
      <select class="form-control" id="selPer" onchange="fun2()" > 
        <option ng-repeat="c in persons" value="{{c.per_id}}">{{c.per_name}}</option> 
      </select>  
    <div class="form-group"> 
     <button class="btn btn-warning" ng-disabled="testForm.$invalid">Add Person</button> 
    </div> 
</form> 

形式主要包括選擇下拉列表和一個提交按鈕,我在有此功能控制器:

myApp.controller("personCtrl",['$scope','$http','myService', function($scope,$http,myService){ 

$scope.fun2=function(){ 
    alert(); 
} 
}]); 

下拉效果很好,但是當我改變從下拉菜單中選擇的功能不能正常工作,但是當我點擊提交按鈕的功能工作!所以它的按鈕工作,而不是與onchange事件,注意:當我把功能外控制器它與onchange工作!

是什麼問題?

關於。

回答

1

onchange屬性更改爲ng-change。您無法從常規HTML事件訪問控制器中的某個功能。 Angular期待您使用Angularized事件(ng-change)。

這就是爲什麼當您提交表單時該函數會運行。您正在使用ng-submit,它允許Angular訪問您的Angular控制器中的功能。

+0

謝謝親愛的,解決了。 – MSMC2

0

如果您想捕獲更改事件,則需要ng-model屬性。

+0

您的回答不明確。你可以包括一個例子 – flaviodesousa