アングルモバイル - アコーディオンオープン/クローズ

Question

こんにちは、私は角のモバイルフレームワークを使用しており、私はアコーデオンを実装していました。問題は、デフォルトではクリックすると開き、同じコンポーネントをもう一度クリックすると閉じられないということです。

ここはオンラインの例です。 http://mobileangularui.com/demo/#/accordion。

私が必要とするのは、ほとんどのアコーディオンコンポーネントのように、それを開いて閉じることができることです。私は試しました is.open = "" しかし、それは動作しませんでした。

Answer 1

それが原因でこのコード行で、唯一のオープンに設計され：あなたは再びそれをクリックしたときに

ui-set="{'myAccordion': i}" 

だから、それだけでこのタブが開いている必要があることを修正再表示。

あなたがする必要があることは、クリックされたアイテムがすでに開いているかどうかをチェックし、真の場合は、それを何らかの外の値に設定することです。

ui-set="{ 'myAccordion': Ui.get('myAccordion') == item ? -1 : item }"