javascript - AngularJS - ng-app 如果不为空则无法工作

Question

这个问题可能是一个非常非常基本的问题Angular.JS 。 可能几乎这个问题在StackOverFlow中被问到。以前，但我找不到问题，所以我不得不问这个问题。

我是 Angular.JS 的新手我正在尝试使用 Angular.JS 创建一个基本表单，它将验证给定输入的电子邮件地址。

对我有用的是 -

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

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

但是我试图给我的 Angular 应用程序命名，就像这样 - ng-app="my_try_app" 所以我的代码就像这样 -

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>


<form ng-app="my_try_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>

你发现它不起作用。

所以，我的问题是 -

1. 为我的 Angular 应用程序命名的方式是什么？

2. 为什么在我的例子中它不起作用？

预先感谢您的帮助。

Answer 1

您必须为您的 View 定义应用程序。像这样。

angular.module("my_try_app",[]);

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>


<form ng-app="my_try_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>