Question

所以我对angularJS一无所知，我还没有找到关于如何用html标签绑定字典的任何好的解释，这样字典中的每个更改都会导致{内部数字的变化{1}}标记。例如，如果我在一个数组中有多个词典（每个玩家一个）

<p>

我想在var players = [{bambu:0, clouds:0, fruits:0}, {bambu:0, clouds:0, fruits:0} , {bambu:0, clouds:0, fruits:0}]标记

中显示与bambu相关联的数字

<p>

我想像角度一样改变它。

我试图做一个

<p id="player_0_bambu" class="number_of_cards"> </p>

但是有一段时间真的只是崩溃javascript，所以我转向角度，但我觉得很难理解。

感谢您的帮助！

Answer 1

不确定为什么角度是一个选项，但根据您的描述判断，您只需遍历players数组并使用手头对象的值来查询<p/>标记。

var players = [{ bambu:0, clouds:0, fruits:0 },  {bambu:0, clouds:0, fruits:0 } , { bambu:0, clouds:0, fruits:0} ]

players.forEach(player => {
  Object.keys(player).forEach(key => {
    const val = player[key];

    document.querySelector(`#player_${val}_${key}`).innerHTML = val;
  });
});

如何使用角度的HTML <p>标签绑定字典？

1 个答案: