Angularjs 是否每次都需要定义ng模型? 电邮: 不是有效的电子邮件地址

Angularjs 是否每次都需要定义ng模型? 电邮: 不是有效的电子邮件地址,angularjs,Angularjs,在输入字段中输入您的电子邮件地址。如果地址不是电子邮件,AngularJS将显示错误消息 以上代码是我从学校学到的 在上面的代码中,输入的电子邮件采用ng show=“myForm.myAddress.$error.email”语法 ng model=“text”从未被使用过,因此如果我从代码中删除它或将其设置为空白(如此ng model=”“),它将无法工作 这背后的概念是什么 在上述代码中ng模型的具体用途是什么 基本上,ng模型用于绑定输入框值并发送到定义角度控制器的js,您可以在控制

在输入字段中输入您的电子邮件地址。如果地址不是电子邮件,AngularJS将显示错误消息

以上代码是我从学校学到的

在上面的代码中,输入的电子邮件采用ng show=“myForm.myAddress.$error.email”语法

ng model=“text”从未被使用过,因此如果我从代码中删除它或将其设置为空白(如此ng model=”“),它将无法工作

这背后的概念是什么


在上述代码中ng模型的具体用途是什么

基本上,ng模型用于绑定输入框值并发送到定义角度控制器的js,您可以在控制器中访问ng model=“name”值,如var myName=$scope.name,在HTML中只需{{name}}如果您不需要输入框值,可以跳过并从输入框中删除ng模型

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs /1.4./angular.min.js"></script>
<body>

<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>

<p>Enter your e-mail address in the input field. AngularJS will display an errormessage if the address is not an e-mail.</p>

</body>
</html>

电邮:
不是有效的电子邮件地址
在输入字段中输入您的电子邮件地址。如果地址不是电子邮件,AngularJS将显示错误消息


为了更好地补偿,请阅读此

基本上是用于绑定输入框值的ng模型,并将其发送到定义角度控制器的js,您可以在控制器中访问ng model=“name”值,如var myName=$scope.name和HTML中的{{name}若不需要输入框值,可以跳过并从输入框中删除ng模型

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs /1.4./angular.min.js"></script>
<body>

<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>

<p>Enter your e-mail address in the input field. AngularJS will display an errormessage if the address is not an e-mail.</p>

</body>
</html>

电邮:
不是有效的电子邮件地址
在输入字段中输入您的电子邮件地址。如果地址不是电子邮件,AngularJS将显示错误消息


为了更好地补偿,请阅读此

如果您永远不会使用特定模型,则无需编写
ng model
属性本身。但是,如果您正在编写
ng model
,则必须声明正确的模型名称,如
ng model=“text”
(或任何其他有效的模型名称)。

如果您永远不会使用特定的模型,则不需要编写
ng model
属性本身。但是如果您正在编写
ng model
,则必须声明正确的模型名称,如
ng model=“text”
(或任何其他有效的模型名称)。


angular.module('emailExample',[])
.controller('ExampleController',['$scope',function$scope){
$scope.email={
正文:'me@example.com'
};
}]);
电邮:
必修的!
无效电子邮件!
text={{email.text}}
myForm.input.$valid={{myForm.input.$valid}}
myForm.input.$error={{{myForm.input.$error}}
myForm.$valid={{myForm.$valid}}}
myForm.$error.required={{{!!myForm.$error.required}}}
myForm.$error.email={{{!!myForm.$error.email}}}

angular.module('emailExample',[])
.controller('ExampleController',['$scope',function$scope){
$scope.email={
正文:'me@example.com'
};
}]);
电邮:
必修的!
无效电子邮件!
text={{email.text}}
myForm.input.$valid={{myForm.input.$valid}}
myForm.input.$error={{{myForm.input.$error}}
myForm.$valid={{myForm.$valid}}}
myForm.$error.required={{{!!myForm.$error.required}}}
myForm.$error.email={{{!!myForm.$error.email}}}

ng model属性是负责绑定验证的参与者,如required、masks、type=“email”等。您可以使用并放置未使用的变量,如示例。Angular将在没有ng模型的情况下运行,但验证不会发生。ng模型属性是负责绑定验证的参与者,如required、masks、type=“email”等。您可以使用并放置未使用的变量,如示例。Angular将在不使用ng模型的情况下运行,但验证不会发生。ng模型绑定html值,它由表达式{{}中的模型名使用。但这里的值是由myForm.myAddress获取的。如果我将上面的ng model=“Text”更改为ng model=“anyname”,它仍然可以工作没有问题是的,您可以顺便说一句,如果您将ng model=“Text”更改为ng model=“anyname”,那么您必须在html中将{{Text}更改为{{{anyname},在js$scope.Text中更改为$scope.anyname。我理解ng模型绑定html值,并且在表达式{{}中由其模型名使用。但这里的值是由myForm.myAddress获取的。如果我将上面的ng model=“Text”更改为ng model=“anyname”,它仍然可以工作没有问题是的,您可以顺便说一句,如果您将ng model=“Text”更改为ng model=“anyname”,那么您必须在html中将{{Text}更改为{{{anyname},在js$scope.Text中将{anyname}更改为$scope.anyname