Nativescript 数据绑定函数调用不起作用

Question

参照此linkhttps://docs.nativescript.org/core-concepts/data-binding#supported-expressions

function calls  myFunc(var1, var2, ..., varN)   Where myFunc is a function available in binding context (used as context for expression) or within application level resources. The value of the var1 and varN will be used as parameter(s).

我使用的是 RadList，其中对于每个项目我都有一个标签，我需要在其中显示一个组合字符串以检查基于项目参数的复杂逻辑。

谁能给出我们如何使用函数调用的打字稿示例。我尝试了很多方法，但没有任何效果。

Answer 1

创建一个函数，然后您可以通过将元素的属性绑定到它来自由使用它。

getLabel(args): string {
    return "a" !== args ? "My label" + args: "Your Label ? " + args;
}


<Label text="{{ getLabel('dynamic') }}" class="lbl" textWrap="true" />

Answer 2

正如 Culita 所建议的那样 - 使用 $parent 应该有效，但实际上无效。这对我来说似乎是一个错误，请确保在 respective GitHub repository.

中打开一个关于它的新问题

作为一种变通方法，您可以在用于将模板绑定到的类型中创建函数。在这种情况下 - 它按预期工作：

class Location {
    constructor(city: string, country: string, imageSrc: string) {
        this.city = city;
        this.country = country;
        this.imageSrc = imageSrc;
    }

    city: string;
    country: string;
    imageSrc: string;

    getLabel(args): string {
        return "a" !== args ? "My label" + args : "Your Label ? " + args;
    }
}

看看modified Playground。

Nativescript 数据绑定函数调用不起作用

Nativescript data-binding function calls not working

data-binding

radlistview

typescript

nativescript