Материал Дизайн Lite форма не будет отображаться после асинхронного заполнения

Question

У меня есть форма, созданная с помощью Material Design Lite, которую я заполняю благодаря обратному вызову асинхронного вызова REST Api, но я получаю следующий результат в своем DOM:

Если я остановлюсь на текстовое поле, он показывает, как правило, потому что нет, если я не (название должно быть по тексту). Когда я смотрю в HTML, я вижу, что атрибут value не отображается, и это, вероятно, почему. Я заполнить поля следующим образом:

$.ajax({ 
    url: '/api/v1/map/config', 
    method: 'get', 
    success: function(response) { 
     this.xoffset = response.xoffset; 
     this.yoffset = response.yoffset; 
     this.xscaling = response.xscaling; 
     this.yscaling = response.yscaling; 
     this.path = response.path; 

     $("input[name=xoffset]").val(response.xoffset); 
     $("input[name=yoffset]").val(response.yoffset); 
     $("input[name=xscaling]").val(response.xscaling); 
     $("input[name=yscaling]").val(response.yscaling); 
     $(".map-preview").html("<img src='" + response.path + "' />"); 
     componentHandler.upgradeAllRegistered(); 
    }, 
    error: function(err) { 
     err = JSON.parse(err.responseText); 
     if (err.error) { 
      SnackbarManager.pushError(err.error); 
     } else { 
      SnackbarManager.pushError("Une erreur s'est produite"); 
     } 
    } 
}); 

Спасибо за вашу помощь

Answer 1

попробовать этот код ... в моем приложении, я имел проблемы с полями динамично, после положить в HTML ..

angular.module('app', ['ngRoute']). 

run(function($rootScope, xxxx, xxx){ 
    $rootScope.$on('$viewContentLoaded', function(event, next) { 
     componentHandler.upgradeAllRegistered(); 
    }); 
});