Как назначить и удалить значения ng-модели с помощью флажка?

Question

<label><input type="checkbox" value="{{item}}" data-ng-model="untilcancelled" ng-init="untilcancelled=true"/>Until Cancelled</label> 
<input type="text" ng-if="!untilcancelled" sipenddate data-ng-model="item.SIPTo" readonly/> 

У меня есть флажок, который при проверке я должен присвоить значение по умолчанию item.SIPTo. В противном случае, если не остановить, я хочу, чтобы включить ввод отличается item.SIPTo .The данного текстового поля является Datepicker

Answer 1

Использование нг-изменения на флажок, проверьте значение «untilcancelled». Затем обновите 'item.SIPTo'

<label><input type="checkbox" ng-change="updateItem()" value="{{item}}" data-ng-model="untilcancelled" ng-init="untilcancelled=true"/>Until Cancelled</label> 

//controller function 
$scope.updateItem = function() { 
    if($scope.untilcancelled) { 
    // check here 
    } 
} 

Answer 2

для переключения (истина/ложь только)

var app = angular.module('myApp', []); 
 

 
app.controller('myCtrl', function($scope) { 
 

 
    $scope.MyScopeModel = { 
 
    Selected: true, 
 

 
    }; 
 

 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.min.js"></script> 
 

 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    <input type="checkbox" id="chkToggleId" name="chkToggleName" ng-model="MyScopeModel.Selected" /> 
 

 
    <label ng-if="MyScopeModel.Selected" for="chkToggleId"> 
 
    I am selected 
 
    </label> 
 
    <label ng-if="!MyScopeModel.Selected" for="chkToggleId"> 
 
    I am not selected 
 
    </label> 
 

 
    <br> 
 
    <br>Check box value : {{MyScopeModel.Selected}} 
 

 

 
    
 

 

 

 
</div>