2016-03-27 69 views
1

我正在從w3schoot學習角。我沉迷於理解代碼如何工作。從http://www.w3schools.com/angular/angular_model.asp角js的電子郵件驗證

<form ng-app="" name="myForm"> 
    Email: 
    <input type="email" name="myAddress" ng-model="text"> 
    <span ng-show="myForm.myAddress.$error.email">Not a valid e-mail address</span> 
</form> 

採取的代碼是什麼NG-模型= 「文本」意思?基本上我看到我們寫如ng-model="Name"等,但在這裏我們使用文字....爲什麼?

從哪裏來這$error.email?幫助我理解這一點。謝謝

+0

老實說... [這將是一個更好的地方](https://docs.angularjs.org/guide/forms)查看這些東西在形式中的含義。 – Makoto

+3

[這個答案](http://stackoverflow.com/a/28569650/2435473)可能會幫助你從哪裏'$ error'對象來自 –

回答

0
ng-model="text" 

在DOM中聲明一個變量,它將這個「文本」綁定到當前範圍。因此,無論哪種電子郵件進入該形式,它的價值將可在變量文本中訪問。所以,你可以用它訪問在angular.js文件:

$scope.text 

關於我們爲什麼使用文本:它是可變的只是名字,因此是任意的。例如,您可以將其稱爲emailText。

+0

這裏來$ error.email? – Mou

+0

$ error是對內置驗證令牌的引用。因此,它正在檢查myForm類型爲email的名稱myAddress的輸入字段,以查看它是否是有效的電子郵件地址。請參閱:[此鏈接](https://docs.angularjs.org/api/ng/type/form.FormController) – sebenalern

+0

我已輸入'demo @ test',沒有任何域..它顯示有效的電子郵件..看這裏>> http://www.w3schools.com/angular/tryit.asp?filename=try_ng_model_validate –