2016-11-09 5 views
0

По какой-то причине, когда я использую md-select, плавающая метка не работает, и метка показывает путь ниже md select.Угловой материал md-select

Я использовал угловые материалы сайта в качестве справки: https://material.angularjs.org/latest/demo/select

А вот мой код:

<md-input-container> 
        <label>Display</label> 
        <md-select ng-model="controller.x" multiple> 
         <md-option ng-repeat="status in controller.x"> 
          <md-checkbox>{{x.display}}</md-checkbox> 
        </md-option> 
        </md-select> 
+0

Я думаю, что ваш {{х}} не может быть хорошим, потому что вы, кажется, используют синтаксис controllerAs так что в этом случае, если х определяют в контроллере необходимо вызвать { {ctrl.x}} – qchap

+0

Спасибо, что я изменил свои переменные, чтобы не дать много информации. Но это не то, что заставляет ярлык не плавать. Я попытаюсь загрузить картинку – Flash

+0

Я использую класс на моем md-контейнере md-container, и он отлично работает для меня. – joyBlanks

ответ

1

После некоторого теста я быть_наст найти две вещи:

  • первого ваш <md-checkbox class ="blue">{{status.containerStatus}}</md-checkbox> это странно, но, возможно, это нормально в вашем контексте, я не могу быть уверен без дополнительной информации

  • Вторым может показаться, что у него есть ошибка со старой версией с угловым материалом. Я пытаюсь использовать 1.1.1, и кажется, что это нормально (но не с 0.9.3, например). Вы можете найти мой пример здесь в codepen

+0

1. Спасибо за ваш ответ. Синий - это пользовательский класс I и изменить розовый цвет флажка. 2.Это может быть правдой. Я проверю свою версию и посмотрю, смогу ли я ее обновить. – Flash

+0

Похоже, у меня есть версия 0.10.0. – Flash

+0

Вы пытаетесь обновить версию? – qchap

Смежные вопросы