即使在 Angular 混合应用中也可以使用 AngularJS 的 ui-router 模块,但是使用时需要小心,因为 AngularJS 和 Angular 的模板系统是不同的。在这种情况下,当从 AngularJS 组件使用 ui-router 时,应该使用“templateUrl”属性而不是“template”属性。
下面是一个示例代码,展示了如何在 AngularJS Angular 混合应用中正常使用 ui-router:
app.config(function($stateProvider) { $stateProvider .state('myState', { url: '/my/url', templateUrl: '/my/template/path.html', // 这里需要使用“templateUrl”而不是“template” controller: 'myController' }); });
从以上代码可以看出,需要使用“templateUrl”属性而不是“template”。在了解了这点后,开发者就可以像平常一样使用 ui-router 进行导航,同时又能继续保留使用 AngularJS 的模板系统。