2015-11-03 108 views
0

在我的網頁我有以下幾點:Angularjs按鈕禁用工作不正常

<input type="textbox" class="form-control" ng-model="reject_notes" id="rejectnotes" placeholder="Comments"> 

<button class="btn btn-warning" ng-disabled="!reject_notes" ng-click="rejectorder(reject_notes)">Reject</button> 

,並在我的控制器我已經初始化:

$scope.reject_notes = ""; 

這工作了幾天就回來,但沒有工作了。當我在我的文本框中輸入一些文本時,我的按鈕不再啓用。我也試過以下內容:

<button class="btn btn-warning" ng-disabled="reject_notes.length==0" ng-click="rejectorder(reject_notes)">Reject</button> 

任何想法可能發生什麼?

+0

它應該工作,您能否給我提供重擊器或飛沫。 –

+0

@shushanthp嗨,顯然我的ng模型沒有更新在這裏出於某種原因,我不知道爲什麼 – Abhishek

回答

0

您可以通過使用NG-MINLENGTH個also..it禁用按鈕,直到不MINLENGTH適當

<input type="textbox" class="form-control" name ="reject_notes" ng-model="reject_notes" id="rejectnotes" placeholder="Comments" ng-minlength="1"> 
<button class="btn btn-warning" ng-disabled="ng-disabled='reject_notes.$error.minlength" ng-click="rejectorder(reject_notes)">Reject</button> 
0

初始化您的$ scope.reject_notes爲未定義做到這一點:

$scope.reject_notes = undefined; 

然後改變你的NG -disabled條件爲「!reject_notes」

ng-disabled="!reject_notes"