随笔分类 - angular2.x
摘要:heroes之旅HeroesComponent目前正在获取并显示虚假数据。 在本教程重构之后,HeroesComponent将会精益求精并专注于支持视图。用模拟服务进行单元测试也会更容易。 为什么服务 组件不应该直接提取或保存数据,它们当然不应该故意提供假数据。 他们应该专注于呈现数据并将数据访问委
阅读全文
摘要:此刻,HeroesComponent显示heroes列表和所选heroes的详细信息。 随着应用程序的增长保持一个组件中的所有功能将不可维护。您需要将大型组件分成更小的子组件,每个组件都专注于特定的任务或工作流程。 在此页面中,您将通过将heroes详细信息移动到单独的可重复使用的位置来朝此方向迈出
阅读全文
摘要:在此页面中,您将展开Tour of Heroes应用程序以显示heroes列表,并允许用户选择heroes并显示heroes的详细信息。 6.X 你需要一些heroes来展示。 最终你会从远程数据服务器获取它们。现在,你会创建一些模拟heroes,并假装他们来自服务器。 创建一个文件夹中调用mock
阅读全文
摘要:Angular版本 Angular1和Angular4分别是Angular的两个版本,也就是Angular1.x和Angular2.x(除了Angular1以外,其余都属于Angular2.x)。 1.Angular1.x ~ Angular2.x 2.Angular2.x有什么变化 1.x 安装A
阅读全文
摘要:在当前项目目录下,使用Angular-CLI生成一个组件:heroes 主界面(也就是一个主模块+多个单模块,例如我们创建的heroes(单模块也有自己的html\css\ts文件,可以在主页面导入它的视图)):
阅读全文
摘要:当你使用npm或者yarn也安装不了angular-cli时,请使用淘宝镜像。 Step1 Step2 step3 step4 最后,只要学习一下相对应的ng-cli参数即可。
阅读全文