要在Angular 6+中扩展模板以添加类似JSF的新操作，你可以使用Angular的自定义指令。以下是一个示例解决方案：

首先，创建一个自定义指令来实现新操作。在该指令中，你可以使用@HostListener装饰器来监听特定的DOM事件，并在事件触发时执行你的操作。例如，如果你想在点击按钮时执行操作，你可以监听click事件。

import { Directive, ElementRef, HostListener } from '@angular/core';

@Directive({
  selector: '[appCustomDirective]'
})
export class CustomDirective {

  constructor(private el: ElementRef) { }

  @HostListener('click') onClick() {
    // 在点击按钮时执行的操作
    console.log('Custom Directive Clicked!');
  }

}

然后，在你的组件模板中使用这个自定义指令。将指令应用于你想要执行操作的DOM元素（例如按钮）。

Click me

在这个示例中，当按钮被点击时，自定义指令中的onClick方法将会被调用，并且会在控制台中打印出"Custom Directive Clicked!"。

确保在你的模块中将这个自定义指令添加到declarations数组中，以便在应用程序中使用它。

import { NgModule } from '@angular/core';
import { CustomDirective } from './custom.directive';

@NgModule({
  declarations: [
    CustomDirective
  ],
  // 其他模块配置...
})
export class AppModule { }

这样，你就可以通过自定义指令来扩展模板以添加新的操作了。

希望对你有所帮助！