Angular: ng-model 和 ng-show 不工作

Question

我正在尝试使用 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 版本是错误的人。

Answer 1

我只是复制粘贴你的代码，它工作正常...唯一不同的是正文中的 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>

Answer 2

ng-show 和 ng-model 是 angularjs (1.x) 的一部分。在angular4中，您可以进行以下操作：

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

p.s。用户在他对问题的评论中清除了他正在使用 angular4.

Angular: ng-model 和 ng-show 不工作

Angular: ng-model and ng-show not working

angular

angular-directive

ng-show