Ошибка с выпадающим меню (выберите тег) с Material и AngularJS

Question

Ошибка с выпадающим меню (выберите тег) с Material и AngularJS

0

У меня есть это:

<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, она работает.

Он ничего не нагружает. Он показывает: undefined, в выбранном теге.

ОБНОВЛЕНИЕ: если я докажу тот же код в другом HTML, он работает. Но если я использую скрипт для выбора материала, он генерирует два выбора:

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

andreshg112 29 нояб. 2015, в 19:59

Источник

Теги:

javascript

angularjs

select

html5

material

2 ответа

0

Привет человеку, вам нужно инициализировать vm, как это, тогда у вас есть это в списке. Посмотрите на созданный для вас plunkr http://plnkr.co/edit/O95NgX7GZUbDetdzRmyD

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

katmanco 29 нояб. 2015, в 17:25

0

Я использую контроллеры так: ng-controller = "preguntasController as vm". vm является эквивалентом $ scope.
andreshg112 29 нояб. 2015, в 19:35

Ещё вопросы

Я использую контроллеры так: ng-controller = "preguntasController as vm". vm является эквивалентом $ scope.

andreshg112 · Accepted Answer · 2015-12-04T21-14-00.000Z

Я исправил его, используя класс "browser-default" в теге select. Я предполагаю, что MaterializeCSS изменяет нормальное поведение выпадающего меню.

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