Входной заполнитель не работает с угловым и ui.router

Question

Я нахожу приложение с угловым, ui-router и mdl, но когда я меняю вид, входной заполнитель больше не работает.

Вот код моей страницы входа (в нефрит)

.mdl-card.mdl-shadow--2dp 
    form(name="loginForm" ng-submit="doLogin(loginForm)" novalidate) 
    .mdl-card__title.mdl-card--expand 
     h2.mdl-card__title-text(translate="authentication.login.title") 
    .mdl-card__supporting-text 
     .mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label(ng-class="getClass(loginForm.email)") 
     input.mdl-textfield__input(
      type="email" 
      name="email" 
      ng-model="login.email" 
      required 
     ) 
     label.mdl-textfield__label(translate="account.email") 
     span.mdl-textfield__error(
      ng-repeat="(key, value) in loginForm.email.$error" 
      translate="authentication.error.email.{{ key }}" 
     ) 
     .mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label(ng-class="getClass(loginForm.email)") 
     input.mdl-textfield__input(
      type="password" 
      name="password" 
      ng-model="login.password" 
      required 
     ) 
     label.mdl-textfield__label(translate="account.password") 
     span.mdl-textfield__error(
      ng-repeat="(key, value) in loginForm.password.$error" 
      translate="authentication.error.password.{{ key }}" 
     ) 
     .mdl-typography--text-center 
     button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect(
      type="submit" 
      ng-disabled="loginForm.$invalid" 
      translate="authentication.login.button" 
     ) 
     .mdl-typography--text-center 
     button.mdl-button.mdl-js-button.mdl-js-ripple-effect(
      ui-sref="authentication-register" 
      translate="authentication.register.title" 
     ) 
     button.mdl-button.mdl-js-button.mdl-js-ripple-effect(
      ui-sref="authentication-request-password" 
      translate="authentication.requestPassword.title" 
     ) 

Есть ли у Вас идея?

Answer 1

Я не вижу никаких атрибутов заполнителя в коде, который вы указали. Вот обновленный код с заполнителем атрибуты:

.mdl-card.mdl-shadow--2dp 
    form(name="loginForm" ng-submit="doLogin(loginForm)" novalidate) 
    .mdl-card__title.mdl-card--expand 
     h2.mdl-card__title-text(translate="authentication.login.title") 
    .mdl-card__supporting-text 
     .mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label(ng-class="getClass(loginForm.email)") 
     input.mdl-textfield__input(
      type="email" 
      name="email" 
      ng-model="login.email" 
      required 
      placeholder="email" 
     ) 
     label.mdl-textfield__label(translate="account.email") 
     span.mdl-textfield__error(
      ng-repeat="(key, value) in loginForm.email.$error" 
      translate="authentication.error.email.{{ key }}" 
     ) 
     .mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label(ng-class="getClass(loginForm.email)") 
     input.mdl-textfield__input(
      type="password" 
      name="password" 
      ng-model="login.password" 
      required 
      placeholder="password" 
     ) 
     label.mdl-textfield__label(translate="account.password") 
     span.mdl-textfield__error(
      ng-repeat="(key, value) in loginForm.password.$error" 
      translate="authentication.error.password.{{ key }}" 
     ) 
     .mdl-typography--text-center 
     button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect(
      type="submit" 
      ng-disabled="loginForm.$invalid" 
      translate="authentication.login.button" 
     ) 
     .mdl-typography--text-center 
     button.mdl-button.mdl-js-button.mdl-js-ripple-effect(
      ui-sref="authentication-register" 
      translate="authentication.register.title" 
     ) 
     button.mdl-button.mdl-js-button.mdl-js-ripple-effect(
      ui-sref="authentication-request-password" 
      translate="authentication.requestPassword.title" 
     ) 

Answer 2

Хорошо, я нашел ответ: в зависимости от материала конструкции облегченного документации (http://www.getmdl.io/started/index.html#dynamic) динамический Дом должен быть зарегистрирован.

Таким образом, лучше всего обернуть каждый компонент в угловую директиву.