使用带角度的ng-repeat时有些困难

时间:2017-03-31 06:45:47

标签: angularjs

使用角度时我有两个问题。

  • 我使用ng-repeat来显示我在数据库中的所有项目,但我想在img中点击,转到评论页面,我有30个项目,但是写了30个评论页面,还有另外一种方式更好比吗?我正在使用angular-ui路由器

    这是我要显示的代码

    <tr ng-repeat ="data in mydata">
    <td>{{data.code}}</td>
    <td>{{data.name}}</td>
    <td>{{data.price}}</td>
    <td> <img ng-src={{data.img}}/>
    </tr>
    

    我想点击img1,转到url / code1,点击img2,转到url / code2

    问题二是管理页面

  • 我在管理页面中有表单插入项,但我想在插入成功时自动创建审阅页面项目。我怎么能这样做。

    请帮助我。提前谢谢

  • 2 个答案:

    答案 0 :(得分:1)

    第一个问题:

    您需要在每个项目中放置指向评论页面路线的链接:

    <li ng-repeat="dog in dogs">
      <a ui-sref="review-page({id:dog})">{{ dog }}</a>
    </li>
    

    在&#34; partial-home.list&#34;

    中查看此plnkr

    答案 1 :(得分:1)

    在html中,您可以使用if (isInternetAvailable(context)) { callAPIMethod(); } else { Toast.makeText(context, "No Internet Available", Toast.LENGTH_SHORT).show(); }

    并以角度

    ui-sref="review({id: itemid})"