将字符串设置为映射到控制器范围内成员的指令属性值

Question

所以这可能很难解释，但基本上我无法弄清楚如何将对象的字段值评估为指令将用于从范围分配数据的字符串......我有以下模板指令：

<hot-column ng-repeat="column in columns"
     data="{{column.fieldName}}" 
     title="column.title" 
     source="column.lookupField"> // <-- I need this to evaluate to the **"list_currency"** (which I will set on the scope) I cant figure out how this needs to look
</hot-column>

我的列对象是这样的：

[
    {   
        "fieldName": "ccy1",
        "title": "Ccy1",
        "lookupField": "list_currency"
    },
    {
        "fieldName": "ccy2",
        "title": "Ccy2"

    }
]

在控制器中我有这个范围变量：

$scope.list_currency = ["USD", "EUR"];

我尝试了一些组合，但都不起作用：

source="{{column.lookupField}}" // ==> angular.js:13424 Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{column.lookupField}}] starting at [{{column.lookupField}}].

source="'{{column.lookupField}}'"
source="column.lookupField"
source="'column.lookupField'"

Answer 1

我认为你的问题是你需要 angular 来评估表达式两次：

您需要首先评估“column.lookupField”表达式以返回“list_currency”，然后您需要评估“list_currency”表达式以返回实际数组。

您应该可以通过向控制器添加getColumnSource() 方法来做到这一点 - 如下所示：

$scope.getColumnSource = function(column) {
    return $scope.$eval(column.lookupField);
}

你的 html 然后看起来像这样：

<hot-column ng-repeat="column in columns"
     data="{{column.fieldName}}" 
     title="column.title" 
     source="getColumnSource(column)">
</hot-column>