2013-12-16 40 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>FormController控制狀態?

您可能需要從官方網站讀取this guide

相關問題