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不是采用了棱角分明的全所以没有做的代码与你的DIV什么。您必须参考框架才能使用它。

添加<SCRIPT>参考angular.js然后做这样的事情：

<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-应用程序是这样的：

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因此它现在可以工作。