angular2-databinding - 当我使用函数在文本框上绑定数据时，不会发生 Angular 2 中的两种方式数据绑定

Question

我正在尝试使用函数进行双向数据绑定。下面是我的代码。

<input type="text" id="txtCurrentPrice" class="traderviewTxtBox" [(value)]="numberFormat(23236448)">

我的功能是

numberFormat(x) {
            return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    } 

我收到以下错误。任何人都可以帮忙。

Unhandled Promise rejection: Template parse errors:
Parser Error: Unexpected token '=' at column 23 in [numberFormat(23236448)=$event] in myComponent@241:101 ("<input type="text" id="txtCurrentPrice" class="traderviewTxtBox" [ERROR ->][(value)]="numberFormat(23236448)">
                                <!--<dx-text-box id="txtCurrentP"): myComponent@241:101

Answer 1

函数似乎不可能进行双向数据绑定，因为该函数是输出操作。

您可以通过删除括号使用该函数单向绑定到value属性：

<input type="text" id="txtCurrentPrice" class="traderviewTxtBox" [value]="numberFormat(23236448)">