【问题标题】:How to Append Prefix Value in AngularJs model text box dynamically如何在AngularJs模型文本框中动态附加前缀值
【发布时间】:2021-04-08 16:30:36
【问题描述】:

我在页面中有超过 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 个字段)

【问题讨论】:

  • 你不能为此使用指令吗?

标签: javascript html angularjs


【解决方案1】:

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

【讨论】:

  • 如果modelName是buzz.model1.rate,buzz.model2.rate等等如何调用..我需要传递model1.rate作为参数。请看我编辑的问题
  • @deadend 我已经更新了我的答案。
  • @deadend 或检查更新的小提琴:jsfiddle.net/avgustin/v3bmtk1h/1
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-02-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-05-24
  • 2012-03-24
相关资源
最近更新 更多