AngularDart4.0 英雄之旅-教程-01介绍

码云项目页:https://gitee.com/scooplolwiki/toh-6

本教程的宏伟计划是构建一个应用程序,帮助人力资源管理其稳定的英雄。

英雄之旅应用程序涵盖了Angular的核心基础。您将构建一个具有许多功能的基本应用程序,您可以在完整的数据驱动应用程序中找到许多功能:获取和显示英雄列表,编辑所选英雄的细节,以及浏览不同视图英雄数据。您将学习以下内容:

  1. 使用内置指令来显示和隐藏元素并显示英雄数据列表。
  2. 创建组件以显示英雄细节并显示一系列英雄。
  3. 对只读数据使用单向数据绑定。
  4. 添加可编辑字段以更新具有双向数据绑定的模型。
  5. 将组件方法绑定到用户事件,如按键和点击。
  6. 允许用户从主列表中选择一个英雄,并在详细信息视图中编辑该英雄。
  7. 用管道格式化数据。
  8. 创建一个共享服务来组合英雄。
  9. 使用路由在不同视图及其组件之间导航。

  你会学到Angular的核心来开始,并获得信心,Angular可以做任何你需要做的事情。 您将在介绍性层面介绍很多方面,您会发现许多链接到更深入的页面。

完成本教程之后,该应用程序将看起来像这个实例(查看源代码)。

本教程提供了一个可视化的想法,以仪表盘和众多英勇的英雄开始。

你可以单击面板上边的两个链接在“Dashboard”和“Heroes”间切换。

当你单击面板上的英雄“Magneta”,路由将打开英雄“Magneta”的视图,并且你可以修改名字。

点击"Back"将返回到面板,顶部的链接带你进入不同的主视图,单击“Heroes”,应用将显示“Heroes”主列表视图。

当您单击不同的英雄名称时,列表下面的只读迷你细节反映了新的选择。

您可以单击“查看详细信息”按钮,获取所选英雄的可编辑详细信息。

下图捕获所有导航选项。

应用动图

接下来 您将一步一步地构建“英雄之旅”应用程序。 每一步都有一个要求,你可能会遇到许多应用程序。 一切都是有根据的,一路上,您将会熟悉Angular的许多核心基础知识。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏开源项目

精选 6 款程序员自己开发的文本编辑器 | 码云周刊第 51 期

相信很多小伙伴在编辑文本都会使用 Windows 自带的记事本,但是记事本由于功能所限,无法满足办公需要,下面推荐 6 款我们“程序猿”自己做的文本编辑器,普通...

45160
来自专栏腾讯移动品质中心TMQ的专栏

腾讯TMQ在线沙龙回顾|Appium:轻松玩转混合自动化测试

活动介绍 TMQ在线沙龙第三十九期分享活动圆满结束啦! 本次分享的主题:Appium-轻松玩转混合自动化测试。 共有184位测试小伙伴报名参加活动。 想知道活动...

33480
来自专栏IMWeb前端团队

微信小程序初体验

本文作者:IMWeb 黎清龙 原文出处:IMWeb社区 未经同意,禁止转载 微信小程序初体验 1 背景 微信小程序刚出来的时候就想玩玩了,个人开发者开...

1.3K110
来自专栏知晓程序

开发 | 提升 1 倍运行效率!有了这些技巧,你的小程序也能快如闪电

微信小程序的一大优势体现在「小」上面,小而轻的微信小程序,能给用户带来非常良好的体验。

10860
来自专栏web前端教室

简单粗暴,以小见大 -- 实现一个按钮的前端组件

按钮,一个button,一个div,一个a标签,都可以做成按钮。现在要把它做成一个前端组件,那前端组件是什么? 定义很多,我随便网上查一个,“指一些设计为通用性...

25270
来自专栏java一日一条

前端优化带来的思考,浅谈前端工程化

这段时间对项目做了一次整体的优化,全站有了20%左右的提升(本来载入速度已经1.2S左右了,优化度很低),算一算已经做了四轮的全站性能优化了,回顾几次的优化手段...

16930
来自专栏Spark学习技巧

Flink系列之时间

一,fink支持的时间 Flink的流式应用支持不同的时间观。 1,处理时间 处理时间是指执行相应操作的机器的系统时间。 当流程序采用处理时间运行时,所有基于时...

30550
来自专栏React Native开发圈

React Native学习资源全家桶

目前网络上已经存在几个汇总的资源,已经汇总了很多优秀文章、控件和开源APP。先分享下目前存在的汇总资源。star数量是截至2017-11-07的数量。

15520
来自专栏小文博客

查看WordPress站点主题的方法

68920
来自专栏小白课代表

为效率而生——真正的系统收藏夹 所有碎片信息&临时文件 All in One

课代表有一个烦恼,就是平时需要看的东西太多了,看到好的东西就想收藏起来,浏览器里看到?加个书签。QQ看到的?转发到小号。微信看到的?收藏。或者老师发来了要求,需...

14220

扫码关注云+社区

领取腾讯云代金券