如何在结构指令中操作数据绑定
How to manipulate data binding in structural directive
我有一个结构指令，处理输入控件（并在现实世界中用 DOM 做更多事情）。请看这个例子 https://stackblitz.com/edit/structural-directive-binding .
我需要一些东西来操纵输入值。
在这个例子中我想输入 'angular'。显示的输入值应为 'ANGULAR' 但模型值仍应为 'angular'.
我需要同时支持模板和模型驱动方法。
如果我要创建一个组件，我会为此任务实现 ControlValueAccessor 接口。但我认为，这不适用于结构性指令。
在 angular.js 中，我会为这项工作配备格式化程序/解析器。
到这里怎么走？
我认为有两个不同的问题。在 UI 上显示操纵数据并使用 DOM 做一些事情。由于 ngModel 的行为，我不确定您是否可以在这样的单个指令中执行您想要的操作。
我建议使用属性指令/管道（如果需要，内置大写或自定义）来操纵输入值的外观，以及 DOM 操纵的结构指令。
我有一个结构指令，处理输入控件（并在现实世界中用 DOM 做更多事情）。请看这个例子 https://stackblitz.com/edit/structural-directive-binding .
我需要一些东西来操纵输入值。 在这个例子中我想输入 'angular'。显示的输入值应为 'ANGULAR' 但模型值仍应为 'angular'.
我需要同时支持模板和模型驱动方法。
如果我要创建一个组件，我会为此任务实现 ControlValueAccessor 接口。但我认为，这不适用于结构性指令。 在 angular.js 中，我会为这项工作配备格式化程序/解析器。 到这里怎么走？
我认为有两个不同的问题。在 UI 上显示操纵数据并使用 DOM 做一些事情。由于 ngModel 的行为，我不确定您是否可以在这样的单个指令中执行您想要的操作。
我建议使用属性指令/管道（如果需要，内置大写或自定义）来操纵输入值的外观，以及 DOM 操纵的结构指令。