javascript - 使用指令编辑 html 文本值

Question

在我的应用程序中，我使用一些包含代码而不是值本身的变量。此代码与数组的一个字段相匹配，该数组的项目包含具有匹配值的代码。我可以做的是显示名称是一个循环来根据代码查找值。但由于我的应用程序有很多这样的值，我需要为每个值执行此操作。

这是数组:

[{code: 'PN', name: 'Panasonic'}, {code: 'SN', name: 'Sony'}]

因此，我认为使用属性会更好、更简洁。我想放置以下 Jade : div(json-array={{televisions}}) {{ code }} 并用 televisions 更改显示的 code [X].名称。问题是我对指令不太熟悉。

我尝试使用链接函数来捕获值(代码)和绑定(bind)变量数组({{televisions}})，但遇到了两个问题:

• 如何在不修改绑定(bind)变量(代码)的情况下修改 div 值？
• 如何在指令中获取数组(电视)？

Answer 1

我仍然不会为此使用指令。这是一个简单的演示问题，可以在 View 中轻松(且以声明方式)处理(但该问题缺乏提供最合适的解决方案所需的所有必要信息)。

<div>{{getTelevisionName(tv.code)}}</div>

$scope.getTelevisionName = function (code) {
    for (var i = 0; i < $scope.televisions.length; i++) {
        var tv = $scope.televisions[i];
        if (tv.code === code) return tv.name;
    }
    return '';
};