$ watchCollection id attribute & ng-model

Question

Я хотел бы использовать $watchCollection, чтобы отслеживать 2 вещи в моей директиве.

1. это ng-model.

2. это атрибут id.

Я знаю, как смотреть каждый отдельно.

return { 
     restrict: 'A', 
     require: 'ngModel', 
     scope: { 
      options: '=', 
      model: '=ngModel' 
     }, 
     link: function ($scope, $el, $attrs) { 
      scope = $scope; 
      $scope.$watch(
       function() { 
        return $el[0].id; 
       }, 
       function (elementId) { 
        $('#' + elementId).on('switch-change', function() { 
         scope.model[this.id] = $(this).find('input').is(':checked'); 
         $scope.$apply(); 
        }); 

        $('#' + elementId)['bootstrapSwitch'](); 
        $('#' + elementId).bootstrapSwitch('setOnLabel', _($('#' + elementId).attr('data-on-label'))); 
        $('#' + elementId).bootstrapSwitch('setOffLabel', _($('#' + elementId).attr('data-off-label'))); 
       }); 
      $scope.$watchCollection('model', function(newval){ 
       if(typeof newval !== 'undefined' && !$.isEmptyObject(newval)){ 
        // do some stuff here 
       } 
      }); 
     } 
    } 

Но я хотел бы получить все переменные в одной функции .. Спасибо

Answer 1

Если вы измените идентификатор из угловых, то вы можете использовать сферу virable как идентификатор, а затем просто смотреть var.

<div id="{{directiveId}}"></div> 

, то вы можете использовать $ watchGroup или $ watchCollection смотреть directiveId и модель вместе.