吳觀負載事件

Question

我是Angular js的新手。我正在嘗試創建SPA。下面是我的index.html

<div ng-view> 

      </div> 

和我有一個局部視圖和控制器

myApp.controller('MainController', function ($scope, $http) { 

} 

而我的部分觀點

<accordion-group heading="EMPLOYER"> 

         <select class="employer" multiple data-size="5" data-max-options="3" data-live-search="true" ng-model="employer" ng-options="emp for emp in Employers" > 
         </select> 
         <button ng-click="addField('employer',employer)">Add Field</button> 

        </accordion-group> 
       </accordion> 

這裏談到的問題。 IU想申請一個CSS到「僱主」類。就像我有很多課程，我正在使用引導選擇。

$('.employer').selectpicker({ 
        style: 'btn-info', 
        dropupAuto: false 
       }); 

我想在部分視圖加載事件中使用上面的代碼。我怎樣才能做到這一點 ？

任何人都可以幫我嗎？

感謝，

Answer 1

你必須換行jQuery的呼叫角指令。 https://docs.angularjs.org/guide/directive

mainApp.directive('mySelectPicker', function() { 
    'use strict'; 

    return { 
     restrict: 'A', 
     link : function (scope, element, attrs) { 

      $(element).selectpicker({ 
       style: 'btn-info', 
       dropupAuto: false 
      }); 
     } 
    }; 
}); 

然後更新這樣的HTML：

<select my-select-picker class="employer" multiple data-size="5" data-max-options="3" data-live-search="true" ng-model="employer" ng-options="emp for emp in Employers" ></select>