如何在使用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();
        });
    });
})