codecamp

Hero guide 简介

在“英雄指南”中,您将从头开始构建自己的应用,体验典型的开发过程。

本指南向您展示了如何使用 Angular CLI 工具搭建本地开发环境并开发应用;对 Angular CLI 工具的基础知识进行了介绍。

您建立的应用可以帮助“神盾局”管理好自己的英雄们。该应用具有许多在任何数据驱动的应用完成后的应用会获取一些英雄列表、编辑所选英雄的详细信息,并在不同的英雄数据之间导航。

您会在“英雄指南”中用到的很多个示例中找到对此应用领域的引用和扩展,但您并不一定非要通过“英雄指南”来理解这些例子。

“英雄指南”工作内容:

  1. 使用 Angular 内置指令来显示或隐藏元素,并显示英雄数据列表。

  1. 创建 Angular 组件以显示英雄的详情,并显示一个英雄数组。

  1. 为只读数据使用单项数据绑定。

  1. 添加可编辑字段,使用双向数据绑定来更新模型。

  1. 把组件中的方法绑定到用户事件上,比如案件和点击。

  1. 让用户可以在主列表中选择一个英雄,然后在详情视图中编辑他。

  1. 使用管道来格式化数据。

  1. 创建共享的服务来管理这些英雄。

  1. 使用路由在不同的视图及其组件之间导航。
Angular9 技能扩展
Hero guide 创建项目
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Anguler9 中文教程总览

Angular9 基础知识

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }