我難以置信的簡單代碼:Angular的ng-show爲什麼不是最簡單的例子?
AAAA
<div ng-show="false">
XXXXX
</div>
BBBBBBB
輸出:
AAAA
XXXXX
BBBBBBB
爲什麼XXXXX
輸出顯示?我告訴ng-show
要隱藏它。
這裏是的jsfiddle:https://jsfiddle.net/v50oezss/1/
我難以置信的簡單代碼:Angular的ng-show爲什麼不是最簡單的例子?
AAAA
<div ng-show="false">
XXXXX
</div>
BBBBBBB
輸出:
AAAA
XXXXX
BBBBBBB
爲什麼XXXXX
輸出顯示?我告訴ng-show
要隱藏它。
這裏是的jsfiddle:https://jsfiddle.net/v50oezss/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所以你可以看到它的工作。
在你的小提琴中,你還沒有使用AngularJs;要做到這一點,您必須將其添加爲外部資源。 此外,你應該使用的NG-應用程序是這樣的:
HTML
<div ng-show="false">
XXXXX
</div>
JS
var myApp = angular.module('myApp',[]);
我做一個搗鼓更清晰。
http://jsfiddle.net/Lpj5onvq/1/
問候
其他的答案都正確地指出了存在的問題。最重要的問題是你的jsfiddle沒有引用AngularJS庫,所以你的ng-show
沒有做任何事情,因爲純HTML會忽略它。
我更新了jsfiddle因此它現在可以工作。
您是否刪除了最後一個問題並將其複製粘貼? –
哇,這是一些語法錯誤... –
你的JSFiddle並沒有使用Angular,所以沒有任何代碼可以對你的DIV做任何事情。您必須參考框架才能使用它。 https://docs.angularjs.org/misc/started – squillman