如何在AngularJs模型文本框中动态附加前缀值



我在页面中有50多个文本框元素。我尝试使用一个常见的javascript函数在输入值(ng-flur(后的每个文本框中添加减号。但我无法将ng模型名称从jsp元素ngblur调用传递给javascript函数,以便在输入值后附加减号。任何解决方案。

JSP元素:

<input type="text" maxlength="10" 
ng-blur="appendMinusSymbol('buzz.model1.rate')" ng-model="buzz.model1.rate"/>
<input type="text" maxlength="10" 
ng-blur="appendMinusSymbol('buzz.model2.rate')" ng-model="buzz.model2.rate"/>

JS函数:

$scope.appendMinusSymbol = function(model){
// append minus symbol as prefix to ng model value
};

注意:编辑了我的问题(型号1、型号2、型号3,比如有50个字段(

检查我在这个小提琴上的解决方案。如果可以的话,那么只传递像fiddle中那样的模型名称,否则您将需要额外的解析。当然,如果减号已经存在,您需要在这里额外检查何时附加减号。

<input type="text" maxlength="10" ng-blur="appendMinusSymbol('model1')" ng-model="buzz.model1.rate"/>
$scope.appendMinusSymbol = function(modelName){      
$scope.buzz[modelName]['rate'] = '-'+$scope.buzz[modelName]['rate'];
};

最新更新