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

Question

我难以置信的简单代码：

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

输出：

AAAA
XXXXX
BBBBBBB

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

这是JSFiddle：https://jsfiddle.net/v50oezss/1/

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

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

<强> HTML

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

<强> JS

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

我做了一个小提琴，以便更清楚。

http://jsfiddle.net/Lpj5onvq/1/

此致

Answer 3

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

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