文档章节

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

scooplol
 scooplol
发布于 2017/10/16 07:01
字数 656
阅读 139
收藏 0

码云项目页: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的许多核心基础知识。

下一节                        

© 著作权归作者所有

scooplol
粉丝 17
博文 103
码字总数 205785
作品 0
南充
程序员
私信 提问
AngularDart4.0 英雄之旅-教程-04明细

在此页面中,您将扩展“Tour of Heroes”应用程序,以显示英雄列表,并允许用户选择英雄并显示英雄的详细信息。 完成此页面后,该应用应该看起来像这个实例(查看源代码)。 必备条件 在继续...

scooplol
2017/10/24
68
0
AngularDart4.0 英雄之旅-教程-05多组件

AppComponent正在做所有的事情。 一开始,它展示了一个英雄的细节。 然后,它成为一个英雄和英雄细节列表的主/细节形式。 很快就会有新的要求和能力。 您不能在一个组件之上填充所有功能; 这...

scooplol
2017/11/08
62
0
AngularDart4.0 英雄之旅-教程-03英雄编辑器

码云项目页:https://gitee.com/scooplolwiki/toh-1 在这一部分,您将修改起始应用程序以显示有关英雄的信息。 然后,您将添加编辑英雄信息的功能。 完成后,应用程序应该看起来像这个实例(...

scooplol
2017/10/22
85
0
AngularDart4.0 英雄之旅-教程-02启动应用

码云项目页:https://gitee.com/scooplolwiki/toh-0 此教程讲解Angular的文件架构,(查看源代码)查看应用程序。 创建应用 开始,创建名为angulartourof_heroes的项目,使用WebStorm或者命令...

scooplol
2017/10/19
164
11
会议纪要-07.07.2015

祁博: 01换物品icon 02英雄属性栏增加描述 03装备获取途径 04装备信息上加上附魔信息 小贱: 01登录系统 02修改UI字体 艳明: 01聊天系统 雷鹏: 01调场景数据与战斗流程 晓秋: 01测试游戏...

索亚之息
2015/07/07
1
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
15
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
16
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部