javascript - 使用 Angular 路由时如何升级 Material Design Lite js 组件？

Question

我知道 MDL js 组件（如文本字段、菜单和选项卡）在文档加载时默认加载和升级，但在使用角度路由时不会在模板上发生。此时，我正在使用它，但它只是让我的组件在用户第二次访问视图时正常工作：

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

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

});

无论如何在用户第一次进入视图之前升级模板上的组件，或者类似的东西？我被困在这个问题上。

Answer 1

这对我有用

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