Angular 2-创建一个新指令

我正在尝试创建一个新的指令来切换对象，就像

onswipup=“doThisFunction（）”

这里有一个论坛，其他人也希望这样做：

这是我的app.module.ts

import { SwipeVertical } from '../directives/swipe-vertical.directive';
@NgModule({
      declarations: [
        SwipeVertical
      ]

这是我的家

import { SwipeVertical } from "../../directives/swipe-vertical.directive.ts";

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
})

在home.html中，我将使用：

<img class="imgUser" (onSwipeUp)="getLike(user, $event)" [src]="user.imgLink">

错误 没有错误，但指令（onSwipeUp）不起作用。。 也许可以添加一个这样的部分？：

host: {
      "[onSwipeUp]": "SwipeUp" 
      }

非常感谢你的帮助！我很感激

---

路易斯：）

你确定路径正确吗？是的，我解决了这个问题，谢谢！现在没有错误，但它不起作用：/plunkr似乎起作用了

host: {
      "[onSwipeUp]": "SwipeUp" 
      }