Scoping issue when setting ngModel from a directive

Question

I have a directive which looks something like:

var myApp = angular.module(\'myApp\',[])
    .directive(\"test\", function() {
      return {
        template: \'         


        

Answer 1

For this scenario ngModel probably isn't the right solution. That's mostly for binding values to forms to doing things like marking them dirty and validation...

Here you could just use a two way binding from an isolated scope, like so:

app.directive('test', function() {
   return {
      restrict: 'E',
      scope: { 
         target: '=target',
         setTo: '@setTo'
      },
      template: 'Set value',
      controller: function($scope) {
          $scope.setValue = function() {
              $scope.target = $scope.setTo;
          };
          //HACK: to get rid of strange behavior mentioned in comments
          $scope.$watch('target',function(){});
      }
   };
});