ng-repeatでflexをimplmentsする方法

Question

ユーザーのリストを表示してng-repeatでflexを適用するパネルを使用していますが、動作していませんplzこれを助け、このパネルのスクロールも実装します

これは私のコードです：

<div class="form-group" ng-show="Employee"> 
    <label class="col-xs-2 control-label"></label> 
    <div class="col-xs-6"> 
    <div class="panel panel-primary panel-default" id="panel3"> 
     <div class="panel-heading swpanel-heading"> 
     <h4 class="panel-title"> 
      <a data-toggle="collapse" data-target="#collapseThree" href="" class="collapsed">Mobile EmployeeList:</a> 
     </h4> 
     </div>       
     <div id="collapseThree" class="panel-collapse collapse col-xs-6"> 
     <div layout="row" layout-wrap flex >             
      <div flex="50" ng-repeat="item in mobileEmployeeList">       
      <input type="checkbox" ng-checked="exists(item.rep_id, selectedEmployeeList)" ng-click="toggle(item.rep_id, selectedEmployeeList)"> 
       {{ item.rep_name }} 
       <span ng-if="exists(item.rep_id, selectedEmployeeList)"></span> 
      </input> 
      </div> 
     </div>      
     </div>       
    </div> 
    </div> 
</div> 

Answer 1

それはそのようなことができます：

<md-content md-padding> 
 
    <md-list id="users-list" class="flex flex-col"> 
 

 
    <ul class="flex flex-row full-width" ng-repeat="user in mobileEmployeeList"> 
 
     <input flex="5" type="checkbox" ng-checked="exists(item.rep_id, selectedEmployeeList)" ng-click="toggle(item.rep_id, selectedEmployeeList)">{{ item.rep_name }} 
 
     <span ng-if="exists(item.rep_id, selectedEmployeeList)"></span> 
 

 
     <li flex="25" class="flex flex-col">{{user.name}}</li> 
 
     <li flex="25" class="flex flex-col">{{user.username}}</li> 
 
    </ul> 
 
    </md-list> 
 
</md-content>