Angular 模板语法

Angular 的模板语法允许开发者以声明式的方式绑定数据到 DOM 元素。以下是一些常见的模板语法元素：

数据绑定

数据绑定允许你在模板中直接使用组件的数据模型。

  • 双大括号 {{ }} 用于显示数据。
  • 三大括号 {{ }} 用于双向数据绑定。
<p>{{ name }}</p>
<input [(ngModel)]="name" />

指令

Angular 指令是带有 @ 符号的属性，用于添加特定功能。

  • ngFor：用于迭代数组。
  • ngIf：用于条件渲染。
<ul>
  <li *ngFor="let item of items">{{ item }}</li>
</ul>
<p *ngIf="showParagraph">这是一个条件渲染的段落。</p>

图片

使用 <img> 标签插入图片，并使用 src 属性指定图片地址。

<img src="/assets/images/logo.png" alt="Logo" />

Logo

链接

使用 <a> 标签创建链接。

<a [href]="url">点击这里</a>

更多关于 Angular 的内容，请访问我们的 Angular 教程。

<a [href]="/angular/tutorial">Angular 教程</a>

请注意，以上内容仅用于示例，实际应用中请根据实际情况调整。