Как использовать плагин для проверки ввода при использовании контроллеров AngularJS?

Question

У меня есть небольшая проблема при создании моего первого веб-приложения AngularJS + C#. У нас есть плагин здесь (jQuery), который позволяет нам вызвать метод с любого входа, и небольшое предупреждение появляется над полем ввода. Метод работает любит

user_email.warning('invalid email'); 

Это очень просто для нас. user_email - элемент HTML (input type='text'), где я хочу показать воздушный шар.

Но с angularJS Я не знаю, как я могу это достичь. Я из своего контроллера, вызывающего веб-службу. Вебсервис возвращает мне «недействительный адрес электронной почты/адрес электронной почты в использовании», и мне нужно отправить это предупреждение, но внутри контроллера «я не знаю, какой вход это». Очевидно, что у меня есть права name и id, но это звучит странно, если контроллер вызывает этот метод. Могу ли я получить помощь по поводу концепций, и если это хороший подход или нет?

Answer 1

Большинство манипуляций с домино осуществляется из директивы. Вы можете определить настраиваемую директиву, и я думаю, что это сделает трюк.

//Inside directive 
var ddo = { //directive definition object 
    scope : { 
     msg : '=message' 
    }, 
    link : function(scope, el, attrs) { 
     angular.element(el).warning(scope.msg); 
    } 
} 

//In html 
<input my-directive message="someVar" /> 

//In controller 
controllerScope.someVar = /* call to your web service */ 

Edit: Добавление блог

http://www.codeproject.com/Articles/607873/Extending-HTML-with-AngularJS-Directives http://blog.brunoscopelliti.com/a-directive-to-manage-file-upload-in-an-angularjs-application

Это не блог, но некоторые хорошие реализации директивы. Иногда видя примеры и как они работают, помогает понять. http://mgcrea.github.io/angular-strap/