Angular：ng-model 和 ng-show 不起作用
Posted
技术标签:
【中文标题】Angular：ng-model 和 ng-show 不起作用【英文标题】：Angular: ng-model and ng-show not working 【发布时间】：2018-01-09 09:52:43 【问题描述】：
我正在尝试使用 ng-show 和 ng-model 指令在选中复选框时切换 div。我搜索了很多教程，看起来就像我的以下代码一样简单：
<div>
<input type="checkbox" unchecked name="advanced" ng-model="checked">
<p>Advanced search</p>
</div>
<p ng-show="checked">
advanced-search works!
</p>
但是什么也没发生。我错过了什么吗？我是否必须在我的 AppModule 中导入特定的内容？
感谢您的任何提示。
对解决方案的评论
在被询问后，我正在使用Angular 4。我是 Angular 的新手，所以我不知道 ng-show 和 ng-model 不再使用。文档并不总是很清楚，几乎每个教程都使用这两个指令，所以我认为选择使用哪一个是一个问题。
选择的答案是可行的，但感谢所有指出这些指令对我的 Angular 版本错误的人。
【问题讨论】：
你用的是angularjs还是angular？ 您使用的是哪个版本的 Angular？ Angular2/4 没有 ng-show 或 ng-model。 for ng-model 将标签更改为 angularjs 而不是 angular @Deepa OP 正在使用 Angular 4 @esseara 这不是 Angular 4 语法。这是hidden 和ngModel。
【参考方案1】：
ng-show 和 ng-model 是 angularjs (1.x) 的一部分。在 Angular 4 中，您可以执行以下操作：
<div> <input type="checkbox" unchecked name="advanced" [(ngModel)]="checked"> <p>Advanced search</p> </div> <p [hidden]="!checked"> advanced-search works! </p>
附言用户在评论中清除了他正在使用 angular4 的问题。
【讨论】：
如果他用 ng-show 和 ng-model 询问有关 angular4 的问题，您的问题中这些关键字在哪里被赞成？ 亲爱的@slacker ng-show 和 ng-model 在 angular4 中不可用！我的回答被赞成，因为根据 angular4 它是正确的 :) 请阅读一些文档并保持最新（Y） 你回答的问题不是用 Angular 4 写的，供你参考。用户提出了一些版本的问题并发布了一些其他版本。是这种提问方式吗？在提供答案之前，您应该获得明确的信息。人们阅读问题和每一条评论。下次以后，如果有人在JS中错误地问问题，请用java回答。这么愚蠢的问题浪费时间。 如果他不使用 angular 4 这有什么帮助？...我可以根据 react.js 的工作使用 react.js 来回答...有帮助吗？不是..所以？【参考方案2】：我只是复制粘贴您的代码，它工作正常...唯一不同的是正文中的ng-app
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="">
<div>
<input type="checkbox" name="advanced" ng-model="checked">
<p>Advanced search</p>
</div>
<p ng-show="checked">
advanced-search works!
</p>
</body>【讨论】：
OP 正在使用 Angular 4。这是 AngularJS。 ng-show angular 4 ?????? ....angular 4 我们像这样绑定模型 [(ngModel)]以上是关于Angular：ng-model 和 ng-show 不起作用的主要内容，如果未能解决你的问题，请参考以下文章
Angular：ng-model 和 ng-show 不起作用
Angular.js回顾+学习笔记ng-app和ng-model