如何将字符串发送到 angular4 指令？

Question

我遇到了这个问题，我有一个 web 应用程序，我有一个 html 页面，实际上，其中两个，现在我创建了一个指令 (appResizer)，它适用于我的两个页面，并且为了改进我的代码，我想将一个字符串从 html 页面发送到指令。你能帮我吗？

这是我两页的代码：

<div appResizer>
...
</div>

基本上，它们都有一个大 div，如果需要，我会显示或隐藏。

然后我得到了我的指令：

import { Directive, ElementRef, Input, Renderer, OnInit, HostListener, 
Output, EventEmitter } from '@angular/core';

@Directive( {
    selector: '[appResizer]'
} )
export class ResizerDirective implements OnInit { 
    // 
}

我需要以某种方式向指令发送一个刺痛，作为输入或其他东西...... 请帮忙。

Answer 1

你试过了吗：

在html页面中：

<div [appResizer]="'yourStringToSend'"

在指令中：

@Input() appResizer: string;

这是一种方法。

另一个是，要创建一个全局服务，在服务中添加一个变量，显示你想发送给指令的字符串，然后像这样使用它：

在 globalService.ts 中创建一个变量：

public myStringToSend: string;

在指令中：

import { GlobalService } 'global.service';

并像在 angular4 环境的其他部分一样正常使用它。

console.log(this.globalService.myStringToSend);

祝你好运。