使用ui-routers的状态参数作为模型

时间:2017-03-06 13:58:13

标签: javascript angularjs angular-ui-router

我有一个简单的angualr应用程序,它有一个显示项目不同视图的仪表板。 $(document).ready(function(){ $(updateBoxDimension); $(window).on('resize', updateBoxDimension); }); function updateBoxDimension() { var current = $(".menu .item.current"); var pozition = current.position(); var windows = $(window).width(); } 是一个抽象的状态。我的有效网址为/dasboard/:item/dasboard/item0/view0等... 我想跟踪当前的/dashboard/item1/view0和当前的item,而不需要额外的代码,只有view变量的帮助。

脚本的这一部分

ui-router.state

正在使用当前视图打印当前项目。这是正确打印视图而不是项目,我引用变量<div class=""> you are looking at <strong>{{$state.current.name}}</strong> of {{$state.$current.params.item.value()}} </div> ,浏览器中的相应网址正在相应地更改,但不是$state.$current.params.item.value() ,我不明白我在这里做错了什么。

我期待我点击的值,但不是那样,我总是得到参数的默认值,即div

这是我的应用程序的精简版本。

item0

1 个答案:

答案 0 :(得分:1)

  

$ stateParams服务必须指定为状态控制器,并且它将作用域,因此只有在该状态中定义的相关参数在服务对象上可用。

由于您的dashboard.view0没有参数,因此在打印时不会显示任何参数。

有关详细信息,请参阅here