Question

我正在考虑在工作中使用角度角度，但我先问一个问题。我们有一个非常复杂的单页面应用程序。我们确实设置了基本模型，但模型中的某些字段是多余的。如果我无法减少冗余，我可以采用角度进行哪些步骤，以便一个表单元素更改模型中的两个变量？

我已经把我希望做的事情jsfiddle放在一起了。{/ p>

<div ng-app>
    <input type="text" ng-model="yourName" placeholder="Enter a name here" /><br/>
    <span>Hello {{yourName}}!</span><br/>
    <span>Hello {{altName}}!</span>
</div>

我怎样才能改变这一点，以便输入将值分配给yourName和altName？我已经尝试了我认为很明显的东西，例如逗号或管道分隔ng-model属性无济于事。有可能吗？

Answer 1

您可以在控制器中的$watch - 变量上设置yourname，然后在其回调中更改altName。应该是这样的：

 $scope.$watch('yourName', function(){
      $scope.altName = $scope.newName;
 });

一个表单元素更新多个模型？

1 个答案: