javascript - angular-formlyでアドレスまたは任意のフィールドを別のフィールドにコピーする方法は?

Question

ユーザーがチェックボックスをクリックしたときに、プライマリメールを代替メールにコピーする方法を見つけようとしています。angular-formlyangularのディレクティブを使用しています。私はこの小さな実装にこだわりました。

プランカーはこちら

どんな助けでも大歓迎です。

Answer 1

最も簡単な方法は、チェックボックスにウォッチを追加し、代替メールをメール アドレスに設定することです。

$scope.formFields = [
  {
    "key": "firstName",
    "type": "text",
    "label": "First Name",
    "placeholder": "Jane",
    "required":true
},{
    "key": "email",
    "type": "email",
    "label" :"Primary Email",
    "placeholder": "janedoe@gmail.com",
    "required":true
},
{
    "key": "altEmail",  // you need a unique key for this one
    "type": "email",
    "label":"Alternate Email",
    "placeholder": "janedoe@gmail.com",
    "required":true,
    ngModelAttrs: {
      myCustomValue: {
        bound: 'email',
        attribute: 'email'
      }
    },
    templateOptions: {
      myCustomValue: "email"
    }
},
// ...

$scope.$watch('result.sameAsPrimary', function(newValue) {
  if (newValue) {
    $scope.result.altEmail = $scope.result.email;
  }
});