Angular 中的自定义可执行

在 Angular 里面重写自订暂存探头

在我们继续在 Angular 里面重写自订暂存探头之前，您不能对内置暂存探头有整体的了解。

HostListener()

在 Angular 里面，@HostListener() formula_装饰探头而无须您处理暂存探头类里面体内特性的重大事件。

让我们充分利用表列立即：当您默认要标示出中央气象局终端的个人电脑特性时。为此，您并不需要处理在暂存探头类里面的体内特性上引发的重大事件。在 Angular 里面，您可以适用 @HostListener() 来执行此操作。

HostBinding()

在 Angular 里面，@HostBinding() formula_装饰探头而无须您从暂存探头类设置体内特性的表征。

假设您要更改样式表征，例如相对于、跨度、橙色、边距、左上角等，或暂存探头类里面体内特性的任何其他内部表征。在这里，您并不需要适用 @HostBinding() 装饰探头formula_来访问体内特性上的这些表征并在暂存探头类里面为其赋个数。

@HostBinding() 装饰探头有别于一个参数，即我们要在暂存探头里面分配的个人电脑特性表征的名称。

要创建自订暂存探头，您并不需要移除一个区别于 Directive 装饰探头的类，该类可以从 @angular/core 借助于并为其透过选择探头，以便在整个该软件里面唯一地适用该暂存探头。

正如您在上面的代码里面见到的，我已将暂存探头置放分开的共享文件夹里面（但您可以将其置放该软件的任何左边）并将其定名为 dropdown.directive.ts

此外，我将表征选择探头用途 [app-dropdown]，因为我将把它作为表征移除到我的的里面央按钮里面。

HostBinding 将我们的暂存探头 [app-dropdown] 与 open 类表征初始化，该表征将根据透过给 isOpen 的个数实时更改。

HostListener 将监听 (click) 重大事件并在用户默认放置暂存探头的特性时调用 toggleDropdown() 方法。 在我们的代码里面，我们只是将 open 类表征切换为 true 和 false，从而挡住和关闭我们的的里面央菜单。

现在要在我们的该软件里面适用它，我们并不需要让 Angular 知道我们已经移除了一个自订暂存探头。 我们在包含组件和暂存探头公开信的公开信数组里面的 app.module.ts 里面公开信类 DropdownDirective。

如果您接入该软件并默认的里面央按钮，它将挡住和关闭的里面央菜单。

谢谢写作