각도 JS - : 지시문을 통해 포매팅 한 후 손실 된 코드

Question

지시문을 사용하여 json 날짜를 정상 날짜로 포맷하려고 할 때 문제가 있습니다.

저는 Angular를 처음 접했습니다. 무엇이 누락 되었습니까?

내 HTML은 다음과 같이 진행됩니다

<form ng-submit="UpdateShipment()"> 
     <input type="text" format-Date ng-model="old.ship_date" /> 
     <input type="submit" id="submit" value="Save" /> 
</form> 

지침 :

.directive('formatDate', function() { 

return { 
    require: 'ngModel', 
    scope : {'ngModel' : '='}, 
    link: function (scope, element, attr, ngModelController) { 

     ngModelController.$formatters.unshift(function (valueFromModel) { 

      if (angular.isUndefined(valueFromModel)) { 
       return valueFromModel; 
      } 
      var date = new Date(parseInt(valueFromModel.substr(6))); 
     return date.toLocaleDateString(); 
     }); 
    } 
}; 
}); 

컨트롤러 :

 $scope.UpdateShipment = function() { 
     console.log($scope.old.ship_date) //On Form Submit getting old Json Format date 
     //$http call here 
     } 

많은 감사합니다.

Answer 1

당신은 NG 모델 컨트롤러와 격리 된 범위를 사용하지만,하지 말아야

당신은 NG 모델 내에서 $ 부모 속성을 사용할 필요가 주장하는 경우

<input type="text" format-Date ng-model="$parent.old.ship_date" />