Angular 4 指令

在 Angular 4 中，指令是一种用来扩展 HTML 元素的功能的特殊指令。指令可以用来添加行为、样式、事件处理等功能到 HTML 元素上。

内置指令

Angular 4 提供了一些内置指令，其中一些常用的包括：

1. ngIf：用于根据条件显示或隐藏 HTML 元素。

   ---- -----------------------

2. ngFor：用于循环渲染列表数据。

   ----
     --- ----------- ---- -- --------- ---- -------
   -----

3. ngStyle：用于设置 HTML 元素的样式。

   ---- ------------ -------- ---------- ------------------- ------- -----------

4. ngClass：用于设置 HTML 元素的类名。

   ---- ------------ --------- --------- ----------- ---------- -----------

自定义指令

除了内置指令外，我们还可以自定义指令来实现特定的功能。自定义指令通常用 @Directive 装饰器来定义。

------ - ---------- ----------- ------------ - ---- ----------------

------------
  --------- ----------------
--
------ ----- ------------------ -
  ------------------- --- ----------- --

  --------------------------- -------------- -
    -------------------------
  -

  --------------------------- -------------- -
    ---------------------
  -

  ------- ---------------- ------- -
    ------------------------------------------- - ------
  -
-

在模板中使用自定义指令：

---- --------------------------

结语

指令是 Angular 4 中非常重要的概念，通过使用内置指令和自定义指令，我们可以轻松地实现各种功能和效果。希望通过本章的介绍，你能更好地理解和使用 Angular 4 中的指令。