Angular：ng-model 和 ng-show 不起作用答案

【问题标题】：Angular: ng-model and ng-show not workingAngular：ng-model 和 ng-show 不起作用
【发布时间】：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。

标签： angular angular-directive ng-show

【解决方案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)]