在Angular 4中基于选定值创建动态手风琴

时间:2017-09-18 19:45:42

标签: javascript angular

我在我的应用程序中使用角度4。我有一个选择下拉列表,并根据选定的下拉值我想创建动态那么多手风琴与交1,交2 ......等。

                       <div class="col s2">
                               <div class="select-wrapper drop-select">
                                    <select >
                                    <option value="3">3</option>  
                                      <option value="4">4</option>          
                                      <option value="5">5</option>
                                    </select>
                                </div>
                         </div>


     <ul class="collapsible" data-collapsible="accordion">
    <li>
      <div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
      <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
    </li>

  </ul>   

假设用户从下拉列表中选择了3个值,那么我应该有3个手风琴组。任何人都可以建议我们如何在角度4中做。

1 个答案:

答案 0 :(得分:0)

使用ng for循环解决问题