Angular 4 教程手册：常用指令

在 Angular 4 中，指令（Directives）是一种非常重要的概念。指令可以用来扩展 HTML 元素的功能，使其具有更多的交互性和动态性。在本节中，我们将介绍 Angular 4 中常用的指令以及它们的用法。

内置指令

Angular 4 提供了许多内置指令，这些指令可以帮助我们快速实现一些常见的功能。以下是一些常用的内置指令：

ngIf 指令用于根据条件来显示或隐藏 HTML 元素。例如，我们可以这样使用 ngIf：

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

ngFor 指令用于循环遍历数组或对象，并为每个元素生成 HTML 元素。例如，我们可以这样使用 ngFor：

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

ngModel 指令用于实现双向数据绑定，将表单元素的值与组件中的数据进行关联。例如，我们可以这样使用 ngModel：

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

ngClass 指令用于根据条件来动态添加或移除 CSS 类。例如，我们可以这样使用 ngClass：

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

ngStyle 指令用于根据条件来动态设置元素的内联样式。例如，我们可以这样使用 ngStyle：

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

除了内置指令外，我们还可以自定义指令来实现特定的功能。自定义指令可以根据需要来定义，并且可以重复使用。在下一节中，我们将介绍如何创建自定义指令。

以上就是 Angular 4 中常用的指令，希望通过本节的介绍能够帮助你更好地理解指令的概念和用法。在接下来的章节中，我们将继续探讨 Angular 4 的其他重要知识点。