如何在结构指令中操纵数据绑定

时间:2018-09-18 13:24:45

标签: angular angular-directive

我有一个结构指令,处理输入控件(并在现实世界中使用DOM做更多的事情)。请参见以下示例https://stackblitz.com/edit/structural-directive-binding

我需要一些东西来操纵输入值。 在此示例中,我想输入“角度”。显示的输入值应为“ ANGULAR”,但模型值仍应为“ angular”。

我需要同时支持模板和模型驱动方法。

如果要创建组件,则将为该任务实现ControlValueAccessor接口。但我认为,这不适用于结构性指令。 在angular.js中,我将为此工作使用格式化程序/解析器。 怎么去这里?

1 个答案:

答案 0 :(得分:2)

我认为有两个不同的问题。在UI上显示操纵的数据,并使用DOM做一些事情。由于ngModel的行为,我不确定您是否可以在单个指令中做到这一点。

我建议使用属性指令/管道(以大写形式或自定义形式构建)来操纵输入值的外观,并使用结构化指令来进行DOM操纵。