我是Angularjs初學者,我試圖製作一個數據驅動的手風琴。我不希望使用angular-ui。我跟着教程崩潰Bootstrap 3,我想出了這個代碼,但我堅持試圖使其數據驅動。AngularJS:將引導程序摺疊div鏈接到app.js中的字段
HTML:
<div class="my-page__my-list-acc" ng-
if="field.fieldAccordions">
<div id="accordion_{{ $index }}">
<div class="panel my-panel-overrides">
<a class="my-panel-heading" data-toggle="collapse" data-parent="#accordion_{{ $index }}" data-target="#collapse1">
{{field.fieldAccordionHeader }} </a>
<div id="collapse1" class="collapse in">
{{ field.fieldAccordionItem }}
</div>
</div>
</div>
</div>
JS:
fieldAccordions: [{
fieldAccordionHeader: 'text',
fieldAccordionItem: 'text',
}],
},{
fieldAccordions: [{
fieldAccordionHeader: 'text',
fieldAccordionItem: 'text',
}],
},{
我有鏈接的HTML手風琴的不同部分的麻煩。該程序找到fieldAccordions並創建面板,但它不會進入fieldAccordionHeader和fieldAccordionItem部分。
另外,我遇到的第二個問題是,如果我創建不同的fieldAccordions項目,單擊每個項目只會關閉/打開原始fieldAccordions字段。
一些幫助,將不勝感激。我知道這可能是直接的,但它會幫助我更好地理解它。一個普朗克將是理想的!
你的JS沒有任何意義。這是一個很差/部分形成的重複對象數組。請清理你自己的問題。 – jbrown