Metronic Angular

1.手动强制刷新

$scope.$apply();
 

2.select的使用

  

   

    

     

    
    

     

      <select class="form-control form-filter input-sm" ng-model="row.specsId" 
     
    
   

    

     

    
    

     

      ng-options="item.id as item.specsName for item in shopSpecsList">   
     
    
   

    

     

    
    

     
      <option value="">请选择...</option>
     
    
   

    

     

    
    

     

      </select>
     
    
  
 

 select2的使用

  

   

    

     

    
    

     

      '../assets/global/plugins/select2/css/select2.min.css',
     
    
   

    

     

    
    

     

      '../assets/global/plugins/select2/css/select2-bootstrap.min.css',
     
    
   

    

     

    
    

     

      '../assets/global/plugins/select2/js/select2.full.min.js',
     
    
   

    

     

    
    

     

      '../assets/pages/scripts/components-select2.min.js',  
     
    
  
 

  

   

    

     

    
    

     

      <select class="bs-select form-control select2" data-placeholder="请选择..." ng-model="detail.role"
     
    
   

    

     

    
    

     

              ng-options="item.id as item.name for item in rolelist">
     
    
   

    

     

    
    

     

      </select>
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      <script>
     
    
   

    

     

    
    

     
   ComponentsSelect2.init(); // init todo page
     
    
   

    

     

    
    

     

      </script>
     
    
  
 

3.radio

  

   

    

     

    
    

     

      <div class="col-md-9">
     
    
   

    

     

    
    

     
    <div class="mt-radio-inline">
     
    
   

    

     

    
    

     
        <label class="mt-radio mt-radio-outline">
     
    
   

    

     

    
    

     
            <input type="radio" name="priceDiscountEnable" ng-model="detail.priceDiscountEnable" value="true" ng-checked="detail.priceDiscountEnable==true"> 允许
     
    
   

    

     

    
    

     
            <span></span>
     
    
   

    

     

    
    

     
        </label>
     
    
   

    

     

    
    

     
        <label class="mt-radio mt-radio-outline">
     
    
   

    

     

    
    

     
            <input type="radio" name="priceDiscountEnable" ng-model="detail.priceDiscountEnable" value="false" ng-checked="detail.priceDiscountEnable==false"> 不允许
     
    
   

    

     

    
    

     
            <span></span>
     
    
   

    

     

    
    

     
        </label>
     
    
   

    

     

    
    

     
    </div>    
     
    
   

    

     

    
    

     

      </div>
     
    
  
 

4.checkbox

  

   

    

     

    
    

     

      <div class="form-group">
     
    
   

    

     

    
    

     
    <label class="control-label col-md-3">是否热门</label>
     
    
   

    

     

    
    

     
    <div class="col-md-9">
     
    
   

    

     

    
    

     
       <input type="checkbox" class="make-switch" data-size="small" id="isHot" checked>
     
    
   

    

     

    
    

     
    </div>
     
    
   

    

     

    
    

     

      </div>
     
    
  
 

文章来源: zzzili.blog.csdn.net，作者：清雨小竹，版权归原作者所有，如需转载，请联系作者。

原文链接：zzzili.blog.csdn.net/article/details/109802007