在 Angular 4 中，指令是一种用来扩展 HTML 元素的功能的特殊指令。指令可以用来添加行为、样式、事件处理等功能到 HTML 元素上。
内置指令
Angular 4 提供了一些内置指令，其中一些常用的包括：
ngIf：用于根据条件显示或隐藏 HTML 元素。
<div *ngIf="isShow">内容</div>
ngFor：用于循环渲染列表数据。
<ul> <li *ngFor="let item of items">{{ item }}</li> </ul>ngStyle：用于设置 HTML 元素的样式。
<div [ngStyle]="{ 'color': textColor, 'background-color': bgColor }">内容</div>ngClass：用于设置 HTML 元素的类名。
<div [ngClass]="{ 'active': isActive, 'disabled': isDisabled }">内容</div>
自定义指令
除了内置指令外，我们还可以自定义指令来实现特定的功能。自定义指令通常用 @Directive 装饰器来定义。
-- -------------------- ---- -------
------ - ---------- ----------- ------------ - ---- ----------------
------------
--------- ----------------
--
------ ----- ------------------ -
------------------- --- ----------- --
--------------------------- -------------- -
-------------------------
-
--------------------------- -------------- -
---------------------
-
------- ---------------- ------- -
------------------------------------------- - ------
-
-在模板中使用自定义指令：
<div appHighlight>鼠标移入时高亮</div>
结语
指令是 Angular 4 中非常重要的概念，通过使用内置指令和自定义指令，我们可以轻松地实现各种功能和效果。希望通过本章的介绍，你能更好地理解和使用 Angular 4 中的指令。