时间戳

首页 > 解决方案 > 如何在AngularJs模型文本框中动态附加前缀值

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

问题描述

我在页面中有超过 50 个文本框元素。我试图通过使用一个常见的javascript函数在输入值（ng-blur）后在每个文本框中附加减号。但我无法将 ng-model 名称从 jsp 元素 ng-blur 调用传递给 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
};

注意：编辑了我的问题（model1、model2、model3，比如有 50 个字段）

标签： javascripthtmlangularjs

解决方案

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

<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'];
};

推荐阅读