Question

奇妙な行動を切り替える私のコードは、これは私が

フルーツ

• マンゴー

• バナナ

を取得しています出力され

<div class='loadMainDiv' ng-controller="loadCntrl"> 
    <ul class='list-header' data-toggle="collapse" data-target='#{{schema.name}}' ng-repeat='schema in data'> {{schema.name}} 
     <!-- <li data-toggle="collapse" data-target='#{{schema.name}}'>{{schema.name}} 
     </li> --> 

     <div id='{{schema.name}}' class="collapse in "> 
      <ul ng-repeat="schemaEle in schema.value"> 
       <li class='list-item' ng-click='setSelected(schemaEle.name,$index)'><span ng-class="(selectedEle==schemaEle.name) ? 'selectedLi' :''">{{schemaEle.name+""}}</span></li> 
      </ul> 
     </div> 
    </ul> 
</div> 

です

言語

• 英語

• スペイン

私が探しています行動は、私はフルーツをクリックしたときDIVはそれが展開する必要があり、再び縮小し、クリックするとされなければならないです。これは正しく起こっているが、私は個々のサブリストの要素をクリックしても、私は同じ動作を得ています。 私は奇妙に見えますか？理由は何でしょうか

Answer 1

<div ng-repeat='schema in data'> 
    <div class='list-header' data-toggle="collapse" data-target='#{{schema.name}}'> 
     {{schema.name}} 
    </div> 
    <div id='{{schema.name}}' class="collapse in "> 
     <ul ng-repeat="schemaEle in schema.value"> 
      <li class='list-item' ng-click='setSelected(schemaEle.name,$index); event.preventDefault();'><span ng-class="(selectedEle==schemaEle.name) ? 'selectedLi' :''">{{schemaEle.name+""}}</span></li> 
     </ul> 
    </div> 
</div>