如何在使用Angular路线时升级Material Design Lite js组件?

时间:2015-08-22 19:31:44

标签: javascript angularjs material-design-lite

我知道默认情况下在文档加载时加载和升级MDL js组件(如文本域,菜单和选项卡),但在使用角度路径时模板上不会发生这种情况。此时,我正在使用它,但它只是让我的组件在第二次访问视图时正常工作:

$scope.$on('$routeChangeStart', function() { 

   $document.ready(function() {
      componentHandler.upgradeDom();
   });

});

无论如何,在用户第一次进入视图之前,还是要升级模板上的组件,或类似的东西?我陷入了这个问题。

1 个答案:

答案 0 :(得分:2)

这对我有用

angular.module(...)
.run(function($rootScope, $location, $timeout) {
    $rootScope.$on('$viewContentLoaded', function() {
        $timeout(function() {
            componentHandler.upgradeAllRegistered();
        });
    });
})