我在尝试将mdl-stepper添加到index.html页面中时,使用mdl-stepper可以正常工作。请在下面找到插栓链接

"https://plnkr.co/edit/m7EGqw?p=preview"


但是,当我在单独的html中执行相同的操作并使用ui-router时,它不起作用。

"https://plnkr.co/edit/ixMI8FKbhyTgL5sYieVa?p=preview"


请让我知道是什么问题?

最佳答案

Stepper使用(componentHandler)Material Design Lite模式注册新组件,并在文档加载时以及在初始页面加载后可能添加的组件上自动升级。

在您的情况下,Stepper是通过异步请求添加的(在初始页面加载之后)。为此,您必须手动升级步进器组件才能正常工作。

异步代码。请求回调:

// The Stepper registers itself. Since you are adding dynamically, then you
// need to upgrade it. This line will upgrade all components that must.
componentHandler.upgradeAllRegistered();

关于javascript - 使用ui-router时出现 Angular MDL-stepper的问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37320088/

10-09 14:58