Jak uzyskać dostęp do $ ngModelController z poziomu kontrolera bez formularza i bez dyrektywy

Question

Może to błąd debiutanta, ale nie mogę uzyskać dostępu do $scope.model$ngModelController, więc mogę pobrać z niego $viewValue.

mam wejście bez formy (im przy dyrektywę ui-maska):

<input type="text" ng-model="inicio" name="inicio" ui-mask="99/99/9999"> 

// inside my controller 
$scope.inicio = dateFilter((new Date).getTime(), 'dd/MM/yyyy'); 

ui maska ​​ustawić $ modelValue inną wartość niż $ viewValue, utrudniając wysyłać sformatowane dane na serwer. Kiedy zmienia się model $scope.inicio, wartością jest data bez ukośników, na przykład 01012014. Muszę więc mieć możliwość uzyskania kontrolera dla tego wejścia, ale bez konieczności zawijania go w formularzu i używania $scope.myForm.inicio.$viewValue. Musi być możliwe ...

Co wiem, że mogę zrobić, ale wydaje się hacky, musi być prostszy sposób:

• Umieścić element wewnątrz formularza i do niego dostęp za pośrednictwem $scope.myForm.input.$viewValue
• Get dane elementu jQuery $('input[name="inicio"]').data('$ngModelController');
• Get element używając angular.element('input[name="inicio"]').controller('ngModel');
• Tworzenie dyrektywę, umieścić go na wejściu i zaktualizować mojego modelu zakres z nim

app.directive('viewValue', function(){ 
    return { 
    priority: 10, 
    require: 'ngModel', 
    link: function(scope, element, attrs, controller){ 
     scope.$watch(attrs.viewValue, function(newValue, oldValue){ 
     if (newValue !== oldValue){ 
      scope[attrs.viewValue] = controller.$viewValue; 
     } 
     }); 
    } 
    } 
}); 

<input type="text" ui-mask="99/99/9999" ng-model="inicio" view-value="inicio"> 

Answer 1

I podobnie jak dyrektywa alternatywy. Zasadniczo dyrektywa ui-mask nie robi tego, co chcesz, więc równie dobrze możesz napisać własną dyrektywę.

Nie powinieneś podawać inicio do swojej dyrektywy . Zamiast tego dodaj własny parser do ngModelCtrl.$parsers. Oto przykład: https://stackoverflow.com/a/15556249/215945