javascript - 仅在定义参数时使用 ui-sref

Question

下面是我的代码:

查看:

<div class="single-user" ui-sref-active="activeState" ui-sref="app.usersingle({id:item[0].id})">    
    <li class="userTicket">Total: {{item[0].nbtickets}}</li>
</div>

在 app.js 中:

 .state('app.usersingle',{
            url:"/user:id",
            templateUrl: "views/single_user.html",
            controller:"userCtrl",
            reloadOnSearch:true
        })

我希望只有在定义了 item[0].id 时才能点击我的 div(来 self 的 ui-sref).我怎样才能做到这一点。因为当未定义 item[0].id 时，它加载下一页时会出现错误。我想要的只是当 item[0].id 没有定义时它只是停留在页面中什么都不做。解释清楚了吗？

Answer 1

您可以对 ui-sref 本身执行条件操作，当 Id 存在时您可以重定向到其他状态，其他重定向到其他状态 。

ui-sref="{{ item[0].id ? 'app.usersingle({id:item[0].id})': '.'}}"

引用自 this answer