Я хочу создать функцию (в контроллере angularjs), которая добавляет к классу родительского div пустой вход при нажатии на кнопку. И удалите этот класс, когда я напечатаю что-то на входе. У меня есть рабочий пример здесь: http://jsfiddle.net/fUdLv/
HTML:Как изменить класс конкретного ввода в angularjs
<div ng-app="authorization">
<div ng-controller="authCtrl as auth">
<div ng-class="{'error':auth.needEmail}">
<input type="text" ng-model="auth.email" ng-keypress="auth.clearEmail()">
</div>
<div ng-class="{'error':auth.needPassword}">
<input type="password" ng-model="auth.password" ng-keypress="auth.clearPassword()">
</div>
<div>
<button ng-click="auth.signin()">Sign in</button>
</div>
</div>
</div>
Javascript:
angular.module('authorization', [])
.controller('authCtrl', function() {
this.needEmail = false;
this.needPassword = false;
this.signin = function pay() {
if (!this.email){
this.needEmail = true;
}
if (!this.password){
this.needPassword = true;
}
};
this.clearEmail = function(){
this.needEmail = false;
}
this.clearPassword = function(){
this.needPassword = false;
}
});
Но я уверен, что это очень плохой код, потому что у меня есть определенные функции для работы с особенно вход. Как я могу обобщить эту функцию для работы на каждом входе (например, если бы у меня было три или четыре входа, это не очень умное решение для создания функции для каждого из них)