根據表情改變模型綁定的角度FormlyProperty

我正在使用Angular Formly來構建表單。我需要用戶輸入兩個電子郵件地址（工作和家庭）。但是，如果他們在工作和家庭中使用相同的地址，他們只需點擊一個禁用工作電子郵件的複選框即可。根據表情改變模型綁定的角度FormlyProperty

我設法隱藏基於複選框使用Formly表達式的輸入框。

expressionProperties: { 
    hide: 'model.sameEmail' 
}

我想要做的就是將隱藏的電子郵件字段的模型設置爲顯示的模型（它應該保持更新）。

Formly有可能嗎？

樣品plnkr如下所示：http://plnkr.co/edit/edlJaVIdo9z2j6Noyzqy?p=preview

來源

2015-12-15 nipuna777

您可以在複選框中使用觀察者更新模型：

watcher: { 
    listener: function(field, newValue, oldValue, scope, stopWatching) { 
    if (newValue) { 
     scope.model.workEmail = scope.model.email; 
    } 
    } 
}

例子：http://plnkr.co/edit/TgCUfNCB4HhdUP7z93l1?p=preview

上觀察家

鐵道部信息：

來源

2015-12-15 20:10:22

太棒了！感謝plnkr。它按我的預期工作。 – nipuna777

根據表情改變模型綁定的角度FormlyProperty

回答

相關問題