当我检查元素时，选择框不显示角度和材料中的选项

Question

<div class="row">
    <div class="input-field col m7 s12">
        <label>Venue</label>
            <input ng-model="event.venue" type="text">
    </div>
    <div class="input-field col m5 s12">
        <select ng-model="event.cordinator" ng-options="cordinator._id as cordinator.name for cordinator in cordinators" class="validate">

       </select>
   </div>
</div>

以下是更大部分的图片：

Answer 1

我们还需要通过材质选择或使用jquery

来初始化它

$("#cordinator").select2({
    placeholder: "Select the events",
    allowClear: true
});

Answer 2

我知道这已经晚了，但将来登陆此页面的任何人都会发现它很有帮助。需要使用jquery onload初始化材质选择框才能使其工作。

$(document).ready(function() {
        $('select').material_select();
});

如果使用ngRoute将页面绑定到ng-view。 onload选项可能不起作用，那么你需要向控制器注入$ route并执行此操作

$scope.$on('$routeChangeSuccess', function(){
  $('select').material_select();
});

Reference