Angular 지시어에서 모델 업데이트

Question

흐림에 대한 지시어에서 요소를 업데이트하려고하지만 모델이 변경되지 않고보기 만 변경됩니다. 사람들의 https://plnkr.co/edit/yicenDSHNagapXxP7yrF?p=preview

많은이 문제를 갖고있는 것 같다과에 함수를 사용하여 특정 모델을 변경하는 방법에 대한 조언을 많이가 :

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

나는 문제를 강조하는 간단한 쿵하는 소리를 만들었습니다 범위. 그러나이 지시어를 어떤 입력 에나 놓을 수 있기를 바란다. 어떤 모델을 변경 하느냐에 대한 하드 코드는 여기서 작동하지 않을 것이다.

여기에서 설명한대로 $ 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(); 
      }); 
     } 
     }; 
    });