AngularJS - 无法使用 ng-model 绑定存储在另一个变量中的变量名
创始人
2024-10-27 00:32:00
0

在AngularJS中,如果需要使用ng-model绑定存储在另一个变量中的变量名,可以使用$parse服务来解决。$parse服务可以将字符串解析为可执行的表达式,并在作用域中进行求值。

下面是一个解决该问题的示例代码:

HTML模板:

JavaScript代码:

angular.module('myApp', [])
  .controller('myCtrl', function($scope, $parse) {
    // 初始化变量
    $scope.variables = {
      myVariable: 'Initial Value'
    };
    
    // 获取变量值
    $scope.getVariable = function(variableName) {
      var getter = $parse(variableName);
      return getter($scope.variables);
    };
    
    // 设置变量值
    $scope.setVariable = function(variableName, newValue) {
      var setter = $parse(variableName).assign;
      setter($scope.variables, newValue);
    };
  });

在上述代码中,我们在控制器中定义了一个名为variables的对象,其中包含要绑定的变量。getVariable函数接受一个变量名作为参数,并使用$parse服务解析变量名,获取变量的值。setVariable函数接受一个变量名和一个新值作为参数,并使用$parse服务解析变量名,然后将新值分配给变量。

通过这种方式,我们可以在ng-model中使用getVariable函数来绑定存储在另一个变量中的变量名。当用户输入新的值并点击“更新”按钮时,setVariable函数将新值分配给变量。所有的变更都会自动反映在视图和模型中。

这种方法允许我们动态地绑定存储在另一个变量中的变量名,并且不需要在控制器中硬编码每个变量的绑定。

相关内容

热门资讯

透视烘培!aa poker辅助... 透视烘培!aa poker辅助,AApoker透视软件总是有工具,八分钟教程(有挂存在)aa pok...
透视总结!wpk辅助哪里买,w... 透视总结!wpk辅助哪里买,wpk控制牌是真的吗(透视)果然有技巧(哔哩哔哩)1、下载好透视辅助下载...
透视策略!德普之星辅助软件,德... 透视策略!德普之星辅助软件,德普之星工具切实存在有插件,第2分钟教程(有挂教学)德普之星辅助软件能透...
一直以来!aapoker透视插... 一直以来!aapoker透视插件,微信小程序微乐破解器2024,揭幕透视(新版有挂)-哔哩哔哩1、首...
透视好友!pokemmo手机脚... 透视好友!pokemmo手机脚本辅助器,微乐贵阳足鸡麻将开挂,科普透视(今日头条)-哔哩哔哩poke...
透视积累!德普之星透视辅助软件... 透视积累!德普之星透视辅助软件下载,德普之星私人局总是是有透视,第3分钟教程(确实有挂)1、玩家可以...
透视手段!wpk辅助哪里买,W... 透视手段!wpk辅助哪里买,WPK有透视一直真的是有工具,7分钟教程(有挂透视)1、玩家可以在wpk...
这一现象值得深思!xpoker... 这一现象值得深思!xpoker辅助器,微乐自建房辅助软件功能,总结脚本(有挂解惑)-哔哩哔哩xpok...
透视绝活!wepoker软件辅... 透视绝活!wepoker软件辅助程序,WePoKer透视果然真的是有工具,8分钟教程(有挂秘诀)1、...
今日!wepoker好友房开挂... 今日!wepoker好友房开挂,微乐春天扑克开挂辅助插件,开挂脚本(有挂存在)-哔哩哔哩1、上手简单...