angular 输入 ng-bind 不工作

Question

这是代码：

        <span>{{ vm.GetSalaryItemValue(salaryItem,detail) }}</span>
        <input type="number" class="form-control" data-ng-bind="vm.GetSalaryItemValue(salaryItem,detail)" />
        <textarea  class="form-control" data-ng-bind="vm.GetSalaryItemValue(salaryItem,detail)" rows="1"
                    ng-blur="vm.SalaryItemValueChanged($event,salaryItem,detail)"></textarea>

span 和 textarea 工作正常并显示值，但输入标签不起作用，什么也不显示。（span 和 textarea 仅供测试）（salaryItem，详细信息正确传递），如果我将 ng-bind 更改为 ng-model，将显示值但会抛出错误。

有什么想法吗？

Answer 1

更改输入代码以使用 ng-model 而不是 ng-bind 并将 vm.GetSalaryItemValue(salaryItem,detail) 的输出分配给范围变量：

<div ng-init="inputNumber = vm.GetSalaryItemValue(salaryItem,detail)"></div>
<input type="number" class="form-control" data-ng-model="inputNumber" />

您需要分配范围变量，因为ng-model无法执行函数。

Answer 2

如果您想以一种方式绑定到文本框的值，即从计算函数绑定，请使用 ng-value。请注意，放置在那里的任何输入都将无法读取。这仅对不需要双向绑定的只读或禁用文本框真正有用。

angular 输入 ng-bind 不工作

angular input ng-bind not working

angularjs

ng-bind