Angular's 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で何かをやって何のコードがありません。フレームワークを使用するには、そのフレームワークを参照する必要があります。

は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-アプリを使用する必要があります

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を更新しました。