チェックボックスボタンをクリックすると、テキストフィールドと送信ボタンが表示されます。送信ボタンをクリックするとチェックボックスボタンを無効にします。

Question

<td> 
    <input type="checkbox" ng-model="alert.acknowledged" ng-disabled="alert.acknowledged" ng-click="onacknowledgedClick(alert)"></td> 
<td> 
<span ng-if="!alert.acknowledgeInProgress">{{alert.acknowledgedComments}}</span> 
<div ng-if="alert.acknowledgeInProgress"> 
    <input type="text" style="height:30px; width:150px" ng-model="alert.acknowledgedComments"/> 
    <button type="button" class="btn btn-primary" ng-click="saveAlert(alert)"> Submit </button> 
    <button type="button" class="btn btn-primary" ng-click="cancelAlert(alert)" data-dismiss="modal"> Cancel </button> 
</div> 

チェックボックスボタンをクリックすると、送信ボタン付きテキストテキストフィールドがポップアップします。テキストフィールドにコメントを入力した後、ユーザーが[送信]ボタンをクリックすると、チェックボックスは無効になります。誰も私にこれに関するいくつかの入力を与えることができますか？ [Submit]ボタンをクリックすると、チェックボックスボタンを無効にする方法はありますか？あなただけのNG-モデルをする=「alert.acknowledgeInProgressは」チェックボックスがtrueにそれを設定しますngのモデルを設定し、チェックボックスにNGクリックしての上映をトリガする持っている必要がいけない

$scope.saveAlert = function(alert) { 
    $scope.alert.acknowledged = true; 
    /*alert.acknowledgeInProgress = true;*/ 
    var alertUrl = $incidentsUrl+ "/" +alert.alertForIncident.incidentID+"/alerts/"+alert.alertID; 
    $http.put(alertUrl, alert).then(function(result) { 
     alert.acknowledgeInProgress = false; 
    });  
} 

Answer 1

入力とボタン。

<td> 
     <input type="checkbox" ng-model="alert.acknowledgeInProgress" ng-disabled="alert.acknowledged" ng-click="onacknowledgedClick(alert)"></td> 
    <td> 
    <span ng-if="!alert.acknowledgeInProgress">{{alert.acknowledgedComments}}</span> 
    <div ng-if="alert.acknowledgeInProgress"> 
     <input type="text" style="height:30px; width:150px" ng-model="alert.acknowledgedComments"/> 
     <button type="button" class="btn btn-primary" ng-click="saveAlert(alert)"> Submit </button> 
     <button type="button" class="btn btn-primary" ng-click="cancelAlert(alert)" data-dismiss="modal"> Cancel </button> 
    </div>