Question

我采用了一个想要自定义的离子模板，但是我对Angular不熟悉。

我将根据类别列表中的项目数量来动态编写侧栏标签，在这里我可以。我想做的是在每个ui-sref main.app.feed.category（x）中放置一个参数，并在下面的js函数中获取它，以便从templateURL调用数据库URL：'http://example.com/mobile/category?id=' + idCategory，因此我可以获得特定类别ID的产品，构建页面并从数据库服务器发送它。有可能吗？

        .state( 'main.app.feed.category', {
            url: '/category/',
            views: {
              'category-feed@main.app.feed': {
                templateUrl: 'http://example.com/mobile/category?id='+idCategory,
                controller: 'categoryCtrl'
              }
            },
            resolve: {
              products: function(catgeoryService){
                console.log("resolving category");
                return categoryService.getProducts(idCategory);
              }
            }
          })

HTML标记：

<sliding-list>
    <ul center-edges class="sliding-list">
    <sliding-item state="main.app.feed.category">
      <a nav-transition="none" ui-sref="main.app.feed. category(1)">Category 1</a>
    </sliding-item>
    <sliding-item state="main.app.feed.category">
      <a nav-transition="none" ui-sref="main.app.feed.category(2)">Category 2</a>
    </sliding-item>
    <sliding-item state="main.app.feed.category">
      <a nav-transition="none" ui-sref="main.app.feed.category(3)">Category 3</a>
    </sliding-item>
    <sliding-item state="main.app.feed.category">
      <a nav-transition="none" ui-sref="main.app.feed.category(4)">Category 4</a>
    </sliding-item>
    <sliding-item state="main.app.feed.category">
      <a nav-transition="none" ui-sref="main.app.feed.category(xx)">Category xx</a>
    </sliding-item>
    </ul>
</sliding-list>
<ion-nav-view name="category-feed" class="category-feed"></ion-nav-view>

定制使用角的离子模板

0 个答案: