javascript - angularJS:ng-show 不适用于 ng-app？

Question

当我给 ng-app 命名并声明它时，为什么我的 ng-show 不起作用？

https://jsfiddle.net/jzhang172/f7mrkf48/

$(function(){
var app = angular.module('myApp', []);
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-app="myApp">
<form name="formMe">

1<input type="text"><br>
2<input type="text"><br>
Email<input name="email" ng-model="email" required>

<span ng-show="formMe.email.$touched">You touched me</span><br>
<input type="submit" ng-disabled="formMe.email.$invalid">
</form>

</div>

Answer 1

您需要为表单使用name属性，并使用该表单名称而不是模块名称myApp来验证表单字段。因此，请在表单标记 name="myForm" 中使用 name 属性，并使用 myForm.email.$invalid

进行验证

喜欢:

<form name="myForm">

    1<input type="text"><br>
    2<input type="text"><br>
    Email<input type="email" name="email" ng-model="email" required>

    <span ng-show="myForm.email.$touched">You touched me</span><br>
   <input type="submit" ng-disabled="myForm.email.$invalid">
</form>