Question

所以，我在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等

我想要实现的目标：

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

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

Answer 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';
    }
})

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

离子动态href Angular JS点击事件

1 个答案: