AngularJS - 2个变量的输入

Question

我需要创建两个输入，每个输入连接到每个模型，然后这些变量应该连接并分配给第三个变量。

所以： 输入A：＆＃34; abc＆＃34; 输入B：＆＃34; dfg＆＃34; 变量=＆＃34; abcdfg＆＃34;

Answer 1

这是我能想到的最简单的方法。它使用ng-change事件来运行角度表达式，该表达式设置组合变量的值。

angular.module('myApp', []);

<script data-require="angularjs@1.5.5" data-semver="1.5.5" src="https://code.angularjs.org/1.5.5/angular.js"></script>
<h1>Connected models</h1>
    <div ng-app="myApp">
      <input name="a" ng-model="model.A" ng-change="model.C = model.A + model.B" />
      <input name="b" ng-model="model.B" ng-change="model.C = model.A + model.B"/>
      
      <h3>Variables</h3>
      <pre>
        A: {{model.A}}
        B: {{model.B}}
        Combined: {{model.C}}
      </pre>
    </div>