离子动态href Angular JS点击事件答案

【问题标题】：Ionic dynamic href Angular JS click event离子动态href Angular JS点击事件
【发布时间】：2015-10-10 14:14:55
【问题描述】：

所以，我有一个 Ionic 框架项目中的项目列表，如下所示：

 <a ng-repeat="item in items" href="#/item/{{item.id}}" ng-click="clicker(item)" class="item item-thumbnail-left">

作为 AngularJS 的菜鸟，我不知道如何使用状态提供程序生成随机状态。网址如下所示：/item/1、/item/2、/item/3 等。

我想达到什么目标：

定义模板
动态加载该模板中的一些内容（对于每个项目，我有不同的内容）

这可能吗？如果是这样，怎么做？

【问题讨论】：

您的意思是“动态内容”是来自基于 id 的 AJAX 调用的数据还是只是静态 HTML 文件？
@ShashankAgrawal 目前这并不重要。当我单击列表项时，我试图打开一个新的“页面”。在那之后，传递 id 一定很容易，我猜。现在只是静态 html 文件

标签： angularjs ionic-framework angular-ui-router

【解决方案1】：

是的，这绝对有可能。先看一下定义状态和使用状态管理器https://github.com/angular-ui/ui-router/wiki

现在，定义如下状态：

.state('itemView', {
    url: '/item/:id',
    templateUrl : function($stateParams) {
        // Your path to the view
        return 'views/items/display' + $stateParams.id + '.html';
    }
})

考虑到您有名为views/items/display1.html 的静态 HTML 文件，现在您点击锚链接应该会根据 id 呈现页面

【讨论】：

谢谢。该页面未呈现，但我理解这个想法。现在点击一个项目，什么都不做。
很高兴这有帮助！ ui-router 的文档非常好。请尝试从头开始阅读，你一定会让你的页面运行起来。