Angularディレクティブからモデルを更新

Question

私はぼかしのディレクティブから要素を更新しようとしていますが、モデルだけでなくビューも変更されています。私は問題を強調シンプルplunk作成した

app.directive('myDirective', function() { 
    return { 
    require: 'ngModel', 
    link: function(scope, element, attrs, ctrl) { 
     element.bind('blur', function(e) { 
     element[0].value = 'new val'; 
     }); 
    } 
    }; 
}); 

：人の https://plnkr.co/edit/yicenDSHNagapXxP7yrF?p=preview

多くは、この問題を持っているようだと上の機能を使用して、特定のモデルを変更する方法についてのアドバイスがたくさんあります範囲。しかし、私はこの指示を任意の入力にドロップできるようにしたいので、変更するモデルはここでは機能しません。

ここで説明したように$ applyを使用しようとしましたが、それも機能しません。 http://nathanleclaire.com/blog/2014/01/31/banging-your-head-against-an-angularjs-issue-try-this/。私は何が欠けていますか？

おかげで、

Answer 1

これを試してみてください（plunker）：

var app = angular.module('myApp', []); 
app.controller('myCtrl', ['$scope', function($scope) { 

    $scope.myVal = 'Demo'; 

}]); 

    app.directive('myDirective', function() { 
     return { 
     require: '^ngModel', 
     scope:{ngModel:'='}, 
     link: function(scope, element, attrs, ctrl) { 
      element.bind('blur', function(e) { 
      scope.ngModel='new val'; 
      scope.$apply(); 
      }); 
     } 
     }; 
    });