設置模型在指令中是空的angularJS

Question

我想在指令中設置modelvalue Null，在更改複選框選中或未選中。

HTML

<input type="checkbox" ng-model="isCheck" /> 
    <select ng-model="empNmae" ng-setempty="isCheck" 
    ng-options="em.Value as em.Name for em in emp"> 
     <option value="">Select 
    </select> 
    {{empNmae}} 

JS

// Code goes here 
var app=angular.module('myApp',[]); 
app.controller("mycntrl", function ($scope) { 
$scope.emp=[{ 
    "Name":"Amit", 
    "Value":101 
},{ 
    "Name":"Amit2", 
    "Value":103 
},{ 
    "Name":"Amit3", 
    "Value":102 
}]; 
$scope.empNmae=102; 
$scope.isCheck=true; 
}); 

app.directive('ngSetempty', function() { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 

     link: function (scope,element, attrs, ctrl) { 
     scope.$watch(attrs.ngSetempty, function() { 
       var getChekc=this.last; 
       if(getChekc){ 
       // set Model is NULL 
       } 
      }); 

     } 
    }; 
}); 

如果複選框被選中，然後我想設置的模型是空的選擇框。 Plunker

Answer 1

添加ng-checked=myFunction()屬性您複選框，清除模型myFunction()。

HTML：

<select ng-model="empNmae" ng-setempty="isCheck" 
    ng-options="em.Value as em.Name for em in emp" ng-checked="clearModel()"> 

JS：

$scope.clearModel = function(){ 
    $scope.empNmae = null; 
} 

Source。

Angular ngChecked。

Answer 2

您是否嘗試過一個簡單的：

delete $scope.empNmae 

？