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

wes*_*tor 7 angular-directive angular

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

我需要一些东西来操纵输入值.在这个例子中,我想输入'angular'.显示的输入值应为"ANGULAR",但模型值仍应为"angular".

我需要支持模板和模型驱动的方法.

如果我要创建一个组件,我将为此任务实现ControlValueAccessor接口.但我认为,这不是一个结构性指令.在angular.js中,我会为此作业提供格式化程序/解析器.什么方式去这里?

Bal*_*ács 2

我认为存在两个不同的问题。在 UI 上显示操纵的数据并使用 DOM 执行某些操作。由于 ngModel 的行为,我不确定您是否可以在这样的单个指令中执行您想要的操作。

我建议使用属性指令/管道(如果需要的话,可以使用大写或自定义)来操作输入值的外观,并使用结构指令进行 DOM 操作。