AngularJS - 2輸入一個變量

Question

我需要做兩個輸入，每個輸入連接到每個模型，然後這些變量應連接並​​分配給第三個變量。

所以： 輸入A： 「ABC」 輸入B： 「DFG」 變量= 「abcdfg」

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>