2013-12-16 2 views
-1

Я хочу создать функцию (в контроллере 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; 
    } 
    }); 

Но я уверен, что это очень плохой код, потому что у меня есть определенные функции для работы с особенно вход. Как я могу обобщить эту функцию для работы на каждом входе (например, если бы у меня было три или четыре входа, это не очень умное решение для создания функции для каждого из них)

ответ

0

Как об использовании <form>10 и FormController для управления состоянием ?

Возможно, вам необходимо прочитать this guide с официального сайта.

Смежные вопросы