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-show和ng-model是angularjs（1.x）的一部分。在角度4中，您可以执行以下操作：

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

P.S。用户在关于他正在使用angular4的问题的评论中清除。

Answer 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>

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

2 个答案: