Angular 角度：ng模型和ng显示不工作

我正在尝试使用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模型不再使用了。文档并不总是清晰的，而且这两个指令几乎在每一个教程中都会用到，所以我认为选择哪一个是个问题。

---

选择的答案是有效的，但感谢所有指出这些指令对于我的Angular版本是错误的人。

我只是复制粘贴了你的代码，它工作正常。。。唯一不同的是体内的ng应用程序

高级搜索

高级搜索工作！

---

ng show和ng model是angularjs 1.x的一部分。在angular 4中，可以执行以下操作：

---

p、 用户在评论中澄清了他使用angular4的问题。

您使用的是angularjs还是angular？您使用的是angular的哪个版本？Angular2/4没有ng show或ng-model。对于ng模型，将标签更改为angularjs，而不是angular@DeepaOP使用的是角度4@esseara这不是角度4语法。它是隐藏的，ngModel.OP正在使用Angular 4。这是AngularJS.ng-show angular 4。。。。angular 4我们像这样绑定模型[ngModel]如果他问angular4与ng show和ng model的关系，你的问题中的这些关键词在哪里？亲爱的@slacker ng show和ng model在angular4中不可用！根据angular4的说法，我的答案是对的，因为它是正确的：请阅读一些文档并及时更新您回答的问题，这些问题不是angular4中为您提供的信息。用户问了一些版本的问题，并发布了一些其他版本。这是提问的方式，在提供答案之前，你应该得到清楚的信息。人们阅读问题和每一条评论。下一次，如果有人错误地用JS提问，请用java回答。这么愚蠢的问题浪费了时间。如果他不使用angular 4，这会有什么帮助？。我可以根据react.js的工作情况使用react.js来回答。。。有帮助吗？不是……那么？哈哈，请停止吧，我今天已经笑够了；它是用哪个版本写的？英雄联盟

<div>
  <input type="checkbox" unchecked name="advanced" [(ngModel)]="checked">
    <p>Advanced search</p>
</div>
<p [hidden]="!checked">
  advanced-search works!
</p>