AngularJS中如何通过公共方法为多文本框模型值动态添加负号前缀

• 传入的模型路径是纯字符串类型，直接在函数内操作该字符串变量，本质是修改函数的局部作用域值，无法触达$scope上真正的多层嵌套绑定属性，因此修改后没有任何页面联动效果。

借助AngularJS原生提供的$parse服务，直接解析多层嵌套的模型路径字符串，完成取值、赋值操作，全程不需要修改已经写好的50个input的HTML绑定代码。

1. 在对应控制器中注入$parse依赖
2. 完善appendMinusSymbol函数逻辑，补充必要的边界判断，避免重复加负号、空值误处理

示例完整代码：

// 控制器依赖注入
yourApp.controller('PageController', ['$scope', '$parse', function($scope, $parse) {
  // 原有模型初始化（必须提前初始化父级嵌套对象，否则赋值会报错）
  $scope.buzz = {
    model1: {},
    model2: {}
    // 其余modelN的初始化逻辑和原有保持一致
  };

  $scope.appendMinusSymbol = function(modelPath) {
    // 根据字符串路径生成取值、赋值的解析器
    const modelGetter = $parse(modelPath);
    const modelSetter = modelGetter.assign;

    // 获取当前绑定的实际值
    let inputValue = modelGetter($scope);
    
    // 边界校验：空值跳过、已有负号跳过，不重复处理
    if (inputValue == null || String(inputValue).trim() === '') return;
    inputValue = String(inputValue).trim();
    if (inputValue.startsWith('-')) return;

    // 拼接负号后回写到对应模型路径，触发视图更新
    modelSetter($scope, '-' + inputValue);
  };
}]);

• 兼容现有所有已编写的ng-blur绑定逻辑，无额外HTML改造工作量
• 支持任意层级的嵌套模型路径，不管是多少层的属性都能正确定位
• 内置边界判断，不会出现重复拼接负号、空值加负号的异常问题

注意：模型初始化时必须保证路径上的每一级父对象都已在$scope上定义，不能存在未定义的父节点，否则解析赋值时会抛出错误。

内容的提问来源于stack exchange，提问作者deadend