2016-05-03 151 views
-8

我難以置信的簡單代碼:Angular的ng-show爲什麼不是最簡單的例子?

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

輸出:

AAAA 
XXXXX 
BBBBBBB 

爲什麼XXXXX輸出顯示?我告訴ng-show要隱藏它。

這裏是的jsfiddle:https://jsfiddle.net/v50oezss/1/

+0

您是否刪除了最後一個問題並將其複製粘貼? –

+0

哇,這是一些語法錯誤... –

+2

你的JSFiddle並沒有使用Angular,所以沒有任何代碼可以對你的DIV做任何事情。您必須參考框架才能使用它。 https://docs.angularjs.org/misc/started – squillman

回答

3

您的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所以你可以看到它的工作。

2

在你的小提琴中,你還沒有使用AngularJs;要做到這一點,您必須將其添加爲外部資源。 此外,你應該使用的NG-應用程序是這樣的:

HTML

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

JS

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

我做一個搗鼓更清晰。

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

問候

2

其他的答案都正確地指出了存在的問題。最重要的問題是你的jsfiddle沒有引用AngularJS庫,所以你的ng-show沒有做任何事情,因爲純HTML會忽略它。

我更新了jsfiddle因此它現在可以工作。

相關問題