Set Model is Null in Directive in angularJS

Question

I want to set modelvalue Null in directive, on changing checkbox checked or unchecked.

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
                }
            });

        }
    };
});

if checkbox is checked , Then I want to set the model is Null for selectbox. Plunker

score 1 · Answer 1 · answered Feb 11 '15 at 10:09

1

Have you tried a simple :

delete $scope.empNmae

?

answered Feb 11 '15 at 10:09

Bahaaldine Azarmi

282
1
8

But how would I know the "empNmae" . It will be different for different control,, as i'll use this directive on multiple control. – Amit Kumar Feb 11 '15 at 10:30

score 0 · Answer 2 · edited May 23 '17 at 10:33

0

Add ng-checked=myFunction() attribute to your checkbox and clear the model in 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.

edited May 23 '17 at 10:33

Community

1
1

answered Feb 11 '15 at 10:07

Rahul Desai

15,242
19
83
138

Set Model is Null in Directive in angularJS

2 Answers2