AngularJS - 2个变量的输入

时间:2016-07-07 20:32:08

标签: javascript angularjs

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

所以: 输入A:" abc" 输入B:" dfg" 变量=" abcdfg"

1 个答案:

答案 0 :(得分:2)

这是我能想到的最简单的方法。它使用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>