如何將數據從一個輸入框填充到另一個輸入框時，兩者都有不同的ng模型？

Question

這裏Angularjs新手.. 我有兩個輸入框，

<input type="text" class="form-control" ng-model="d.d_oad1"> 
    <input type="text" class="form-control" ng-model="d.c_oad1"> 

那麼我

<input type="text" class="form-control" ng-model="d.d_oad2"> 
    <input type="text" class="form-control" ng-model="d.c_oad2"> 
    <input type="text" class="form-control" ng-model="d.d_oad3"> 
    <input type="text" class="form-control" ng-model="d.c_oad3"> 

等等...

我需要從第一輸入填充值框保留到下一個，同時保持獨立的第二個輸入框的更新。例如，我需要使用ng-model d.d_oad1將輸入框中的數據填充到d.c_oad1，同樣，將d.d_oad2填充到d.c_oad2等等。 如果我可以使用相同的ng然而，這是不可能的...然而，這是不可能的...

Answer 1

所以要開始，無論在input1中更改將存儲在變量1（d.d_oad1）和任何更改在輸入2將存儲在變量2（d.c_oad2），到創建所需的以下功能。

首先我們定義它運行每當ng-modal值改變（即d.d_oad1）並調用一個函數調用copy()和變量1（d.d_oad1）的值傳遞給函數的ng-change。

<input type="text" class="form-control" ng-model="d.d_oad1" ng-change="copy(d.d_oad1)"> 

因此，在這個複製函數中，我們可以編寫所需的功能。

複製功能：

$scope.copy = function(val) { 
    $scope.d.c_oad2 = angular.copy(val); 
    } 

段：

這裏複製功能將得到變量1的值在第一arguement並將其分配給第二arguement。

var app = angular.module('myApp', []); 
 

 
app.controller('MyController', function MyController($scope) { 
 
    $scope.d = { 
 
    d_oad1: "", 
 
    c_oad1: "", 
 
    d_oad2: "", 
 
    c_oad2: "", 
 
    d_oad3: "", 
 
    c_oad3: "" 
 
    } 
 
    $scope.copy = function(str, val) { 
 
    var key = "c_"+str.split("_")[1]; 
 
    $scope.d[key] = val; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-controller='MyController' ng-app="myApp"> 
 
    <input type="text" class="form-control" ng-model="d.d_oad1" ng-change="copy('d.d_oad1', d.d_oad1)"><br> 
 
    <input type="text" class="form-control" ng-model="d.c_oad1"><br> 
 
    <input type="text" class="form-control" ng-model="d.d_oad2" ng-change="copy('d.d_oad2', d.d_oad2)"><br> 
 
    <input type="text" class="form-control" ng-model="d.c_oad2"><br> 
 
    <input type="text" class="form-control" ng-model="d.d_oad3" ng-change="copy('d.d_oad3', d.d_oad3)"><br> 
 
    <input type="text" class="form-control" ng-model="d.c_oad3"> 
 
</div>