[Angular Tutorial]PhoneCat Tutorial App】的更多相关文章

(注:曾经在<不敢止步>一书中看到学到一个观点,作者认为学习一门技术最好的方法就是翻译某部领域书籍.这里我决定做一次尝试,接下来花1个月左右时间,将Angular Tutorial Phonecat范例全部翻译一遍,这当然更多是希望自己能得到一个提高.翻译力求尽善尽美,当然质量实在难以保证.所有专有名词尽量不译,所有章节与https://docs.angularjs.org/tutorial/对应,如果可以,希望您能对照两边学习,给我提些意见.那么,开始吧!) 本节翻译自:https://do…
一.目录结构分析 二. app.module.ts.组件分析 1.app.module.ts 定义 AppModule,这个根模块会告诉 Angular 如何组装该应用. 目前,它只声明了 AppComponent. 稍后它还会声明更多组件.    2.自定义组件 ng g component components/header 组件内容详解: import { Component, OnInit } from '@angular/core'; /*引入 angular 核心*/ @Compon…
PWA (Progressive Web Apps) 是未来网页设计的方向. 渐进式网站. Angular v5 开始支持 pwa 网站 (所谓支持意思是说有一些 build in 的方法和规范去实现它) . 就目前来说 pwa 有几个特点 : 1.https 2.Service work 3.Cache API 4.拦截 Fetch (任何游览器发出的请求, 包括 index.html) 5.Push API 6.Share API 主要的用途是 : 1. offline view (通过 s…
在这一步中,您将学到如何创建一个布局模板,并且学习怎样使用一个叫做ngRoute的Angular模块来构建一个具有多重视图的应用. ·当您现在访问/index.html,您将被重定向到/index.html#!/phones,电话列表会显示在浏览器中: ·当您点击一部电话的超链接,URL会改变至该指定电话,浏览器将展示一个简短的电话细节页面. 最大的不同列举如下,您可以点击这里在GitHub上查看全部的不同. 依赖 这一步中添加的路由功能是由Angular中的ngRoute模块提供的,该模块由核…
是时候用AngularJS生成我们的动态页面了. 通常我们有很多方法来构建一个应用的代码.对于Angular的应用,我们鼓励使用MVC设计模式来解耦代码并且实现职责独立.记住这个,现在让我们在我们的应用中使用一点Angular和Javascript来添加模型,视图和控制器成分. ·列表中的三部电话是由数据动态生成的. 最重要的不同将会在下面阐述,您可以点击这里在GitHub上查看所有的不同. 视图和模板 在Angular中,视图是数据模型通过html模板的映射.这意味着无论何时模型改变了,Ang…
http://docs.angularjs.cn/tutorial angular 入门demo : PhoneCat Tutorial App 别人的DEMO(官方版):http://angular.github.io/angular-phonecat/step-12/app/#/phones 我的DEMO(买家秀...)http://paul-xiao.github.io/angularDemo/app/#/animate 按着tutorial做,做着做着就变形了... angular用着挺…
A module in Node.js is a logical encapsulation of code in a single unit. It's always a good programming practice to always segregate code in such a way that makes it more manageable and maintainable for future purposes. That's where modules in Node.j…
转自:https://developers.google.com/wallet/instant-buy/android/tutorial This tutorial guides you through integrating Instant Buy into a purchase flow, in the context of an example bike store. The tutorial provides details and complete source code to hel…
转载自:http://www.django-rest-framework.org/tutorial/4-authentication-and-permissions/ Tutorial 4: Authentication & Permissions Currently our API doesn't have any restrictions on who can edit or delete code snippets. We'd like to have some more advanced…
转载自:http://www.django-rest-framework.org/tutorial/1-serialization/#tutorial-1-serialization Tutorial 1: Serialization Introduction This tutorial will cover creating a simple pastebin code highlighting Web API. Along the way it will introduce the vari…