javascript - 通过 URL 传递对象属性

Question

我有一个像这样定义的对象列表。

var users = [{id:1,name:"Rudy",color:"Orange"},{id:2,name:"Sean",color:"Blue"},{id:2,name:"Rob",color:"Green"}]

然后我创建一个表来保存每个对象及其属性。我希望能够单击一行并打开一个新页面，其中包含相应对象中的所有属性。

我有一个名为 userinfo.html 的 html 文件，如下所示:

    <tr ng-repeat="user in users">
    {{user}}
        <td  ng-click="window.location.href = '#/userinfo#' + user.id" >{{user.id}}<td>
        <td  ng-click="window.location.href = '#/userinfo#' + user.id" >{{user.name}}<td>
        <td  ng-click="window.location.href = '#/userinfo#' + user.id" >{{user.color}}<td>
</tr>

我正在尝试通过 URL 传递用户 ID。无论我做什么，它都不会让我这样做。如果我用字符串或整数替换 user.id ，它就可以正常工作。

它不传递对象属性有什么原因吗？有没有更好的方法来实现这一点？

感谢您的帮助!!

Answer 1

使用

<td  ng-click="window.location.href = '#/userinfo#{{user.id}}'" >{{user.id}}<td>