为什么 Angular 的 ng-show 最简单的例子不起作用？

Question

我难以置信的简单代码：

AAAA
<div ng-show="false">
     XXXXX
</div>
BBBBBBB

输出：

AAAA
XXXXX
BBBBBBB

为什么 XXXXX 出现在输出中？我告诉 ng-show 隐藏它。

Answer 1

您的 JSFiddle 根本没有使用 Angular，因此没有代码对您的 DIV 做任何事情。您必须引用该框架才能使用它。

添加对 angular.js 的 <SCRIPT> 引用，然后执行如下操作：

<div ng-app> <!-- this initializes angular and hooks the framework -->
  AAAA
  <div ng-show="false">
       XXXXX
  </div>
  BBBBBBB
</div>

我forked your JSFiddle所以你可以看到它的工作。

Answer 2

在你的fiddle中，你没有使用过AngularJs；为此，您必须将其添加为外部资源。此外，您应该使用这样的 ng-app：

HTML

<div ng-show="false">
     XXXXX
</div>

JS

var myApp = angular.module('myApp',[]);

为了更清楚，我做了一个fiddle。

此致

Answer 3

其他回答都正确指出了问题。最重要的问题是你的 jsfiddle 没有引用 AngularJS 库，所以你的 ng-show 没有做任何事情，因为普通的 HTML 会忽略它。

我更新了 jsfiddle，现在可以使用了。

Why doesn't most simple case of Angular's ng-show work?