Javascript 为ng repeat创建动态链接

我在tableofcontent.html文件中有一个文章列表，它们都是可点击的链接。此页面工作正常，并显示所有标题的列表。但是，当我单击链接时，它会转到正确的模板文件，但是在article.html文件中没有填充正确的数据。如何使每个链接的数据正确显示在articles.html页面中

tableofcontent.html

<div class="row" ng-controller="TableofContentController">
    // non relevant code removed
    <ul>
        <li ng-repeat="article in data">
            <a ui-sref="article">{{article.title}}</a>
        </li>
    </ul>  

也在app.js中

// table of content state
.state('tableofcontent', {
    url: '/index',
    templateUrl: 'templates/tableofcontent.html'
})
// main articles page state
.state('article', {
    url: '/{{article.title}}',
    templateUrl: 'templates/articles.html',
    controller: 'ArticlesController',
    controllerAs: 'articles',
})

---

实际上这里有很多问题，你想做的是，当有人点击这些链接列表时，而不是

<a ui-sref="article">{{article.title}}</a>

因此，现在当您单击文章时，您应该会看到如下所示的网络请求：

article/1234

，其中1234是所选文章的id

---

在本例中，您似乎总是加载相同的article.json数据，但在与服务器交互时，您可以使用

$stateParams

服务访问所选的文章id，您只需将该服务注入控制器即可。

您好，我感谢您的建议。我还不确定它是否有效，我已经尝试过了，现在我的站点将无法发送到文章状态。所以现在我还有别的事情要解决！

// table of content state
.state('tableofcontent', {
    url: '/index',
    templateUrl: 'templates/tableofcontent.html'
})
// main articles page state
.state('article', {
    url: '/{{article.title}}',
    templateUrl: 'templates/articles.html',
    controller: 'ArticlesController',
    controllerAs: 'articles',
})

<a ui-sref="article">{{article.title}}</a>

<a ui-sref="article({id : article.id})">{{article.title}}</a>

.state('article', {
    url: 'article/:id',
    templateUrl: 'templates/articles.html',
    controller: 'ArticlesController',
    controllerAs: 'articles',
})