AngularJS - 一个变量的 2 个输入

AngularJS - 2 Inputs for one variable

本文关键字:变量 输入 一个 AngularJS      更新时间:2023-09-26

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

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

这是我

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