AngularJS - 2 1つの変数の入力

Question

2つの入力を作成する必要があり、それぞれのモデルにそれぞれ接続し、これらの変数を連結して3番目の変数に割り当てる必要があります。

ので： 入力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>