閱讀(1.6k) 書簽贊(0) 我要糾錯

Angular 模板-介紹

2022-06-29 15:16 更新

模板語法

在 Angular 中，模板就是一塊 HTML。你可以在模板中通過一種特殊的語法來使用 Angular 的諸多特性。

在學習模板語法之前，你應該熟悉下列內(nèi)容：

應用程序中的每個 Angular 模板都是一塊 HTML，你可以將其包含在瀏覽器顯示的頁面中。 Angular 中的 HTML 模板與常規(guī) HTML 一樣，可以在瀏覽器中渲染視圖或用戶界面，但功能要多得多。

使用 Angular CLI 生成 Angular 應用時， ?app.component.html? 文件是一個包含占位符 HTML 的默認模板。

本模板語法指南向你展示了如何通過協(xié)調(diào)類和模板之間的數(shù)據(jù)來控制 UX/UI。

大多數(shù)模板語法指南都有專門的可工作的范例應用，這些應用程序演示了每個指南中的各個主題。要查看把所有應用合在一起時的工作情況，請參閱綜合Template Syntax Live Code / 下載范例。

在模板中使用 Angular 的特有語法來擴展應用程序的 HTML 詞匯表。例如，Angular 可以通過內(nèi)置的模板函數(shù)、變量、事件監(jiān)聽和數(shù)據(jù)綁定等功能來幫助你動態(tài)獲取和設(shè)置 DOM（文檔對象模型）中的值。

幾乎所有的 HTML 語法都是有效的模板語法。但是，由于 Angular 模板只是整個網(wǎng)頁的一部分，而不是整個網(wǎng)頁，因此你不需要包含諸如 ?<html>? ， ?<body>? 或 ?<base>? 元素。這樣你可以專注于正在開發(fā)的那部分頁面。

為了消除腳本注入攻擊的風險，Angular 不支持模板中使用 ?<script>? 元素。Angular 會忽略 ?<script>? 標記，并向瀏覽器控制臺輸出一條警告。

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充