2015-12-07 53 views
0

我很难加载模板使用状态和参数。当我浏览到/触点角度状态/路由器url参数不工作

$stateProvider 
    .state('contacts', { 
     url: '/contacts', 
     templateUrl: 'views/resources/contacts.html', 
     controller: 'ContactsController' 
    }) 

当我尝试并导航到/联系人/ 123我用下面的代码

下面的代码的伟大工程。

编辑:我只使用下面的一段代码,唯一的区别是我在URL中添加“/:id”。

$stateProvider 
    .state('contacts', { 
     url: '/contacts/:id', 
     templateUrl: 'views/resources/contacts.html', 
     controller: 'ContactsController' 
    }) 

这是当我开始遇到问题。该页面将不会加载,我得到一个控制台错误,说我不能实例化模块的应用程序(link to angular site from console error)

有人可以帮我吗?我不知道为什么我的,当我尝试和使用PARAMS一切开始打破:(

+2

两个国家都有相同的名字 – stalin

+1

你有没有启用html5mode,如果没有url应该在#之前添加#例如。 #/ contacts#/ contacts /:id –

+0

首先要做的是切换到'angular.js'的未缩小版本;该错误消息将更加冗长。我希望他们将这个添加到他们的doco中,因为它可以帮助解决最初的问题 – Phil

回答

0

因此,原来,当我加入“/:id”我的index.html页面上的脚本src文件的调用没有被正确调用,我在路径前面有一个额外的,导致我的角度文件,服务,指令等..不被加载/

我从这去了:

<script src="./app/app.js"></script>

这样:

<script src="/app/app.js"></script>

感谢大家谁在这个帮助了!

0

尝试定义PARAMS在.STATE定义,就像这样:

$stateProvider 
.state('contacts', { 
    params: { id: null }, // note null is the default value if no param is specified 
    url: '/contacts/:id', 
    templateUrl: 'views/resources/contacts.html', 
    controller: 'ContactsController' 
})