Почему не самый простой случай работы ng-show Angular?

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; Для этого вы должны добавить его в качестве внешних ресурсов. Кроме того, вы должны использовали нг-приложение, как это:

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, так что теперь он работает.