ng-model에서 양방향 데이터 바인딩이 실패 함

Question

ng-model을 사용한 양방향 데이터 바인딩이 작동하지 않습니다.

Relevant Question

• AngularJS Docs

부모 지시어 템플릿 :

<div class="form-group"> 
    <label>Company Phone</label> 
    <input ng-model="formData.company_phone" type="phonenumber" class="form-control" placeholder="Company Phone"> 
</div> 

그리고 아이 지침 :

.directive('input', [function(){ 
    return: { 
     restrict: 'E', 
     require: '?ngModel',//right now this is binding to this directive scope, not a parent one 
     link: function($scope, element, attr, ngModel){ 
      if (attr.type !== 'phonenumber') { 
       return; 
      } 
     //some code to validate a phone number 
     $scope.$apply(function() { 
      //bind updated number, but I need this to reflect in the parent scope 
      $scope[attr.ngModel] = formattedNumber; 
} 

Answer 1

내가사용이 문제를 해결하려면

.directive('input', ['$parse', function($parse){ 
    return { 
     restrict: 'E', 
     require: '?ngModel', 
     link: function(scope, element, attr, ngModel){ 
      var getter = $parse(attr.ngModel); 
      var setter = getter.assign; 

      if (attr.type !== 'phonenumber') { 
       return; 
      } 
      //code that validated a phone number 

      scope.$apply(function() { 
       setter(scope, formattedNumber); 
      }); 
     } 
    } 
}]);