2016-08-05 40 views
0

我發現了@jbodily的一個很棒的AngularJS指令'angularSlideables',它不需要包含jquery就可以實現slideToggle()。AngularJs - 在這個實例中更改slider指令的默認狀態?

http://jsfiddle.net/rh7z7w0a/2/

使用這樣的指令:

<div slider="is_open">Content initially hidden</div> 

事業部被切換這樣的:

<button ng-click="is_open2 = !is_open2" >toggle content</button> 

事情是,在div是默認關閉的,什麼是最好的方法改變其初始狀態爲開放?

回答

-1

爲什麼不翻轉它?

<div slider="!is_closed">Content initially hidden</div> 

<button ng-click="is_closed= !is_closed" >toggle content</button> 

如果您想使用is_open,您必須先在控制器中將其設置爲true。

+0

使用!只能反轉點擊按鈕的效果。我問的是如何反轉滑塊div的初始狀態。我知道我必須在我的控制器中設置它,我正在問怎麼做。 $ scope.is_open = false/true;似乎沒有任何影響。 – Andy

+0

請參閱is_open設置爲true的更新提琴,內容在頁面加載時仍處於隱藏狀態:http://jsfiddle.net/rh7z7w0a/9/ – Andy

+0

爲什麼如果n!= o?初始值設置爲不運行。你可以使它第一次運行,或者甚至可以刪除該行:http://jsfiddle.net/pndLhpk4/ –