Question

我是angular的新手..如何使用angular 6在ag-grid中添加自定义指令。我没有找到有关在ag-grid中添加指令的任何信息。通过使用cellrenderFrameWork，我们可以添加组件，但不能添加指令...我不知道如何添加。在我的应用程序中，我想使用自定义指令添加Highlightin Ag-grid单元...请帮助我解决这一问题。

这是我的指令[突出显示]。

 import { Directive, ElementRef, Input, HostListener } from '@angular/core';
import { NgControl } from '@angular/forms';
@Directive({
  selector: '[Highlight]'
})
export class HighlightDirective {
constructor(private _el: ElementRef) { }
  @HostListener('input', ['$event']) onInputChange(event) {
    const initalValue = this._el.nativeElement.value;
    //  alert('direactive' + initalValue);
    this._el.nativeElement.value = initalValue.replace(/[^0-9]*/g, '');
    if (initalValue !== this._el.nativeElement.value) {
      event.stopPropagation();
    }
  }
}

我知道如何在普通组件中初始化指令

component.html：

<input type="text" Highlight>

现在，我必须在聚集单元格中添加[Highlight]指令。请发送带有指令的aggrid示例

Answer 1

您想在ag-grid中使用自定义指令进行号码验证。就是说...

您正在进行内联编辑。这意味着
您需要使用cellEditor。由于您需要应用自定义验证
您需要使用cellEditorFramework。有了验证指令后，
您可以在编辑器模板中使用此指令进行验证。

有关如何使用自定义编辑器的更多详细信息，请查看Dynamic Editor Component并检查moodEditor

是否可以在角度6的ag-grid中添加自定义指令？

1 个答案: