使用 Material 和 AngularJS 的下拉菜单（选择标签）出错答案

【问题标题】：Error with drop down menu (select tag) with Material and AngularJS使用 Material 和 AngularJS 的下拉菜单（选择标签）出错
【发布时间】：2016-03-03 09:10:57
【问题描述】：

我有这个：

<select ng-model="vm.areaSeleccionada" ng-options="area.CODAREA as area.NOMAREA for area in vm.areas">
</select>

我的控制器有：

vm.areas = [
{CODAREA:1,
NOMAREA:"ALGO"}
]

它不起作用。如果我将 ng-repeat 与 select 标签一起使用，它不起作用。但如果我使用带有 ng-repeat 的表格，它就可以工作。

它不加载任何东西。它显示：未定义，在选择标签中。

更新：如果我在另一个 HTML 中证明相同的代码，它就可以工作。但是如果我使用脚本进行材料选择，它会生成两个选择：

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

【问题讨论】：

标签： javascript html angularjs select

【解决方案1】：

Hi Human，您需要像这样初始化 vm，然后将它放在列表中。查看为您创建的 plunkr http://plnkr.co/edit/O95NgX7GZUbDetdzRmyD

    $scope.name = 'World';
  $scope.vm={};
  $scope.vm.areas = [
{CODAREA:1,
NOMAREA:"ALGO"}
]
});

【讨论】：

我这样使用控制器：ng-controller="preguntasController as vm"。 vm 等价于 $scope。

【解决方案2】：

我使用 select 标签中的“browser-default”类修复了它。我猜 MaterializeCSS 改变了下拉菜单的正常行为。

<select class="browser-default" ng-model="vm.areaSeleccionada" ng-options="area.CODAREA as area.NOMAREA for area in vm.areas">
</select>

【讨论】：