仅当定义了参数时才使用 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（来自我的ui-sref）时才能点击我的div。 我怎样才能做到这一点。因为当未定义 item[0].id 时，它会加载带有错误的下一页。我想要的是当item[0].id 没有被定义时，它只是停留在页面中并且什么都不做。 解释清楚了吗？

Answer 1

您可以对ui-sref 本身进行条件处理，当Id 存在时，您可以重定向到其他状态，其他重定向到其他状态.

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

参考this answer