javascript - 使用名称初始化 ng-app 会禁用变量初始化

标签 javascript angularjs angularjs-directive angularjs-controller

具有以下内容:

<div ng-app="" ng-init="show_login=false;count=0">
<button> ng-click="show_login=!show_login;count=count+1">INSPIRE</button>
<form ng-show= "show_login">
     Username <input  type ="text"> <br>
     Password <input type = "password">
      <p> {{count}} </p> 
</form>
</div>

我的表单工作正常,但是当我为 ng-app 模块分配名称时,表单无法工作。

<div ng-app="demo" ng-init="show_login=false;count=0">
<button> ng-click="show_login=!show_login;count=count+1">INSPIRE</button>
<form ng-show="show_login">
     Username <input  type ="text"> <br>
     Password <input type = "password">
      <p> {{count}} </p> 
</form>
</div>

这是否意味着如果我给出模块名称,我必须通过 Controller 进行所有操作和变量初始化,否则我的解释是错误的?

最佳答案

以下内容对我有用。如果您像我下面那样设置模块,它应该可以工作

angular.module("demo", []);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="demo" ng-init="show_login=false;count=0">
<button ng-click="show_login=!show_login;count=count+1">INSPIRE</button>
<form ng-show= "show_login">
     Username <input  type ="text"> 
     <br />
     Password <input type = "password">
      <p> {{count}} </p> 
</form>
</div>

关于javascript - 使用名称初始化 ng-app 会禁用变量初始化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29017670/

相关文章:

javascript - 使用 window.print() 打印输出到不同的打印机

javascript - jQuery geocomplete 输出到自定义字段

javascript - 在 Restangular post 请求中使用单一和全部链接

angularjs - 当父指令未知时,需要父指令的 Controller

javascript - jQuery 和 long int id

javascript - 如何在 Angular 中使用复选框作为选项的下拉菜单?

javascript - jQuery Joyride 和 AngularJS 实现

javascript - AngularJS Controller 和方法

javascript - 如何从带参数的指令调用 Angular Controller 作用域函数?

javascript - Angular : ng-model dynamic binding does not work