angular-js UI-SELECT没有出现

Question

I've included ui-select js and css in my page :

<link href="assets/plugins/ui-select/select.min.css" rel="stylesheet"
type="text/css"
<script src="assets/plugins/ui-select/select.min.js" tyle="text/javascript"
</script>

I added the ui-select as :

 <div class="form-group">
    <label>Type <span style="color:red;">*</span></label>
    <ui-select ng-model="form.type" theme='bootstrap' close-on-select='false'
               ng-required="true">
        <ui-select-match placeholder='select type'>
            {{$select.selected.value}}
        </ui-select-match>
        <ui-select-choices repeat='t.id as t in types | filter:$select.search'>
            <div ng-bind-html-unsafe="t.value"></div>
            <small>
                {{t.value}}
            </small>
        </ui-select-choices>
        <ui-select>
</div>

in js :

angular.module('backOfficeApp)
 .controller('ManagementReportsCtrl, ManagementReportsCtrl);
ManagementReportsCtrl.$inject=['$sce','$scope','$http','$filter'];
function ManagementReportsCtrl($sce,$scope,$http,$filter){

AND GET FUNCTION for $scope.types = data; ? The UI-SELECT is not appearing in my template, any solution ?

Answer 1

You need to add dependency to your module

angular.module('backOfficeApp', ['ui.select'])
 .controller('ManagementReportsCtrl, ManagementReportsCtrl);
 ...