Angular 英雄示例教程

2022-06-14 22:54:12 字數 658 閱讀 7436

英雄指南教程(tour of heroes)涵蓋了 angular 的基本知識。

在本教程中,你將構建乙個應用,來幫助人事**機構來管理一群英雄。

在本教程的最後,你的應用可以做下面的工作:

你將學到足夠的 angular 知識和足夠的信心來讓 angular 提供你所需的支援。

完成本教程的所有步驟之後,最終的應用會是這樣的:live example / download example。

下面是本教程有關介面的構想:本應用開始介面為"dashboard(主面板)"檢視,在這個檢視中顯示最勇敢的英雄。

你可以單擊主面板上的兩個鏈結("dashboard" 和 "heroes")來在主面板檢視和英雄檢視之間進行導航。

如果你在主面板中單擊英雄名稱 "magneta" 時,路由將會開啟 "hero details(英雄詳細)"頁面。在這個頁面中,你可以對英雄的名字進行修改。

單擊 "back(返回按鈕)",應用將會讓你返回到 dashboard(主面板)頁面中。頂部的鏈結能夠讓你在任何時候都能夠返回到主頁面。如果你單擊  "heroes(英雄列表)",引用將會將英雄以列表顯示。

當你單擊不同英雄的名字的時候,乙個唯讀的「微型詳情檢視」會在列表的下方顯示,以體現你的選擇。

下面這張圖彙總了所有可能的導航選項。

下面是本應用的動態展示:

angular示例原始碼集合

這個是用於父元件向子元件投射內容 最簡單的demo 父親模板 這裡放內容 子模板 angular cli腳手架搭建,沒有執行ng eject angular cli腳手架搭建,並且執行了ng eject 關於指令的基本使用,介紹了屬性指令 結構指令等指令以及相應的使用方式 關於我寫的以及一些收集到的...

angular入門系列教程4

本篇主要目的就是繼續完善home頁下的index子頁面的內容,處理乙個列表,進行增刪改查過濾等操作。主要的更改有兩個,乙個是修改模板index.html,還有就是增加控制器indexctl的控制邏輯。先看模板 很簡單,就是在上邊增加了操作區,主要是乙個輸入框,乙個增加按鈕,還有就是過濾列表的輸入框 ...

CMake Linux下CMake示例教程

cmake是乙個跨平台的 開源的構建工具。cmake是makefile的上層工具,它們的目的正是為了產生可移植的makefile,並簡化自己動手寫makefile時的巨大工作量.目前很多開源的專案都可以通過cmake工具來輕鬆構建工程。sudo apt get install cmake ubunt...