使用指令编辑html文本值

时间:2014-06-23 11:56:27

标签: javascript angularjs angularjs-directive

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

这是数组:

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

因此,我认为使用属性会更好更清洁。我想提出以下玉:div(json-array={{televisions}}) {{ code }}并将显示的code更改为televisions[X].name。问题是我对指令并不熟悉。

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

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

1 个答案:

答案 0 :(得分:1)

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

<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 '';
};