Question

在从country / 5导航到country / 7时，我想重新绘制折线图中的一行而不重新加载它（模板或控制器）。可以用ui-router完成吗？

国家

country/:id

带指令的模板 - country.html

<lineChart data="scope.someData">

控制器

onStateParamsChange => fetch data, set scope.someData

Answer 1

截至今天，没有官方支持您正在寻找的内容，在UI路由器用语中被视为动态参数＆＃39;。但是，如果您查看this experimental branch并通过测试和提供反馈帮助我们，它将很快合并为主。

像这样设置您的路线/状态：

$stateProvider.state("country", {
    url: "/country/{id:int}",
    params: { id: { dynamic: true } }
    /* other state configuration here */
});

然后，在您的控制器中，您可以观察id的变化，如下所示：

$stateParams.$observe("id", function(val) {
    // val is the updated value of $stateParams.id
    // Here's where you can do your logic to fetch new data & update $scope
});

这个用例的角度ui-router设置？

1 个答案: