Angularjs 新路由器模板映射
我正在将一个应用程序从ui路由器转换为新的Angular路由器,以便将来更容易迁移到Angular 2.0。我不怕破坏更改,因为我还没有很多组件 我的问题是它没有将模板加载到我的组件中。 我已经组织好了要加入的代码Angularjs 新路由器模板映射,angularjs,angular-routing,Angularjs,Angular Routing,我正在将一个应用程序从ui路由器转换为新的Angular路由器,以便将来更容易迁移到Angular 2.0。我不怕破坏更改,因为我还没有很多组件 我的问题是它没有将模板加载到我的组件中。 我已经组织好了要加入的代码 /components/<component-name>/<component-name>.html 这是我的route.config: $router.config([ {path: '/', redirectTo: '/checkout'},
/components/<component-name>/<component-name>.html
这是我的route.config:
$router.config([
{path: '/', redirectTo: '/checkout'},
{path: '/checkout', component: {main: 'checkout', search: 'search', toolbar: 'toolbar'}},
{path: '/driver', component: {main: 'DriversView', search: 'search', toolbar: 'toolbar'}}
]);
它加载应该加载的控制器,但它甚至没有尝试加载模板,我检查了chrome开发工具中的网络选项卡,没有.html。有什么我需要考虑的,我可能错过的吗?你说它甚至不尝试加载模板是什么意思?你检查过开发工具中的网络选项卡了吗?是的,没有。开发工具中我的网络选项卡中的html会澄清这个问题。看起来我解决了这个问题,不完全确定是什么造成的,但在加载模板时似乎有些奇怪。另外,不要用大写的第一个字母来命名组件,然后它会寻找一个文件夹名,如-drivers view,而您要将其命名为driversView以获得文件夹名drivers view我遵循完全相同的结构,除了首先我制作组件并用ui路由器加载它们。即使是简单的基于字符串的模板,如:template:Hi,也没有渲染。
$router.config([
{path: '/', redirectTo: '/checkout'},
{path: '/checkout', component: {main: 'checkout', search: 'search', toolbar: 'toolbar'}},
{path: '/driver', component: {main: 'DriversView', search: 'search', toolbar: 'toolbar'}}
]);