角度输入ng-bind不起作用

时间:2015-08-31 10:31:09

标签: angularjs ng-bind

这是代码:

        <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,则会显示值,但会抛出错误。

任何想法?

2 个答案:

答案 0 :(得分:4)

如果您希望单向绑定到文本框的值,即从计算函数绑定,请使用ng-value。请注意,放在那里的任何输入都将无法读取。这对于您不需要双向绑定的只读或禁用文本框非常有用。

答案 1 :(得分:3)

更改输入代码以使用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无法执行该功能。