PhoneCat

AngularJS 遗留项目的改造升级之路（一）

1.序言Angular官方网站针对从AngularJS升级到Angular提供了比较详细的文档，并给出了一个PhoneCat升级教程的案例演示，指导一步步如何改造。

OneForCheng·2024-01-06 23:27

AngularJS 遗留项目的改造升级之路（一）

1.序言Angular官方网站针对从AngularJS升级到Angular提供了比较详细的文档，并给出了一个PhoneCat升级教程的案例演示，指导一步步如何改造。

OneForCheng·2023-09-24 07:28

package.json和bower.json参数

{"name":"angular-phonecat",/name是必须的字段不要在n

tiandashu·2023-09-14 22:28

AngularJS 官方案例:angular-phonecat

官方案例-angular-phonecatangularJS官方提供了一个官方案例给大家进行循序渐进的学习,但是如果之前没有接触过node.js以及git的同学这个案例拿着也无从下手…这里就介绍一下怎么打开这个案例吧准备工作:1.Git2.nodejs3.npm4.bower5.http-server如果需要成功的一步一步的学习这个案例至少需要安装上面的5个东西，当然2-5都是nodejs以及他的

紫蕤·2020-09-17 02:56

【一起学AngularJS】第二章、入门引导

本章教程将让你熟悉phonecat应用中关键的AngularJS代码。同时你还能学会如何启动绑定了基于AngularJS种子项目开发的项目的服务器，以及在浏览器中运行你的应用。

tbwood点cn·2020-04-08 09:39

AngularJS Phonecat （步骤10-步骤12）

导言最近在学AngularJS的实例教程PhoneCatTutorialApp，发现网上的中文教程都比较久远，与英文版对应不上，而且缺少组件和文件重构两节。所以决定自己整理一个中文简明教程。此篇为10-12节。上一篇：AngularJSPhonecat（步骤8-步骤9）10更多模板在这一步中，我们将实现手机详情视图，当用户手机列表上的某一项时显示。我们将使用的$HTTP来获取我们的数据，并修改ph

minxuan·2020-03-30 19:08

AngularJS Phonecat （步骤8-步骤9）

导言最近在学AngularJS的实例教程PhoneCatTutorialApp，发现网上的中文教程都比较久远，与英文版对应不上，而且缺少组件和文件重构两节。所以决定自己整理一个中文简明教程。此篇为8-9节。上一篇：AngularJSPhonecat（步骤6-步骤7）8模板链接和图片在这一步，我们要为手机列表增加缩略图和链接。数据phones.json文件保存了手机id和手机图片的url，url指向

minxuan·2020-03-21 00:14

Angular.js项目启动步骤0----准备

我们现在开始准备编写AngularJS应用——phonecat。这一步骤（步骤0），您将会熟悉重要的源代码文件，学习启动包含AngularJS种子项目的开发环境，并在浏览器端运行应用。

Victor细节·2020-03-03 03:48

AngularJS Phonecat（步骤0-步骤5）

导言最近在学AngularJS的实例教程PhoneCatTutorialApp，发现网上的中文教程都比较久远，与英文版对应不上，而且缺少组件和文件重构两节。所以决定自己整理一个中文简明教程，内容较多，先整理0-5小节。教程展示一个Angular应用程序：catalog_screen.png涉及如下技术：视图和模型的双向数据绑定；Karma和Protractor测试；组件化和模块化编程。英文教程配置

minxuan·2020-03-02 19:58

引导程序

转到博客http://blog.sina.com.cn/fengbing8我们现在开始准备编写AngularJS应用——phonecat。

萧过·2019-12-14 20:54

AngularJS+Node.js实现在线聊天室

不得不说，上手AngularJS比我想象得难多了，把官网提供的PhoneCat例子看完，又跑到慕课网把大漠穷秋的AngularJS实战系列看了一遍，对于基本的使用依然有很多说不清道不明的疑惑，于是决定通过做一个在线聊天室帮助理解

·2019-09-25 03:25

AngularJS入门教程（零）：引导程序

我们现在开始准备编写AngularJS应用――phonecat。这一步骤（步骤0），您将会熟悉重要的源代码文件，学习启动包含AngularJS种子项目的开发环境，并在浏览器端运行应用。

·2019-09-23 19:53

ui-router中使用ocLazyLoad和resolve的具体方法

Google给的AngularJS官方的angular-seed和angular-phonecat都是这样。对于复杂一点，大型的项目，如果所有的内容一开始就加载，对首页的性能影

快乐八哥·2017-10-18 11:52

AngularJS Phonecat实例讲解

前言最近关于AngularJS的资料也看了一些，其官网上有个实例Phonecat很不错，硬着头皮看了一会实在是看不下去，索性自己动手实现下，遇到问题时再从里面寻找答案也不失为一种好方法。

当时惘然·2016-11-21 09:01

angluarJS 官方开发环境搭建官方示例

angluarJS是谷歌一款开源的web前端开发框架，简单介绍开发环境和示例下载git打开gitBashgitclonehttps://github.com/angular/angular-phonecat.git

九州征途·2016-10-22 14:04

AngularJS Phonecat （步骤13-步骤14）--完结篇

导言最近在学AngularJS的实例教程PhoneCatTutorialApp，发现网上的中文教程都比较久远，与英文版对应不上，而且缺少组件和文件重构两节。所以决定自己整理一个中文简明教程。此篇为13-14节。0-5节：AngularJSPhonecat（步骤0-步骤5）6-7节：AngularJSPhonecat（步骤6-步骤7）8-9节：AngularJSPhonecat（步骤8-步骤9）10

minxuan·2016-10-12 16:00

AngularJS Phonecat （步骤6-步骤7）

导言最近在学AngularJS的实例教程PhoneCatTutorialApp，发现网上的中文教程都比较久远，与英文版对应不上，而且缺少组件和文件重构两节。所以决定自己整理一个中文简明教程。此篇为6-7节。上一篇：AngularJSPhonecat（步骤0-步骤5）6下拉选择框--双向绑定我们要增加一个下拉选择框，用于选择排序要求，让手机列表按要求排序。为了实现自动排序，我们要在数据模型中添加排序

minxuan·2016-10-09 01:17

chrome禁止本地浏览时加载本地其他文件

step-5中，遇到了一个问题angular.js:11028XMLHttpRequestcannotloadfile:///E:/%E9%A1%B9%E7%9B%AE/public/angular-phonecat

_MChao·2016-08-26 02:25

AngularJS入门教程引导程序

我们现在开始准备编写AngularJS应用――phonecat。这一步骤（步骤0），您将会熟悉重要的源代码文件，学习启动包含AngularJS种子项目的开发环境，并在浏览器端运行应用。

ZENSH·2016-08-18 14:11

ui-router中使用ocLazyLoad和resolve

Google给的AngularJS官方的angular-seed和angular-phonecat都是这样。对于复杂一点，大型的项目，如果所有的内容一开始就加载，对首页的性能影

快乐八哥·2016-06-30 21:00

AngularJS中文社区第一个学习应用实例-phonecat正确教程

下载phonecat源码使用git下载学习所用源码，命令：gitclonegit://gith

dodomonster·2016-06-23 00:00

cordova 项目 npm 启动工程

征客丶·2016-05-19 10:00

cordova 项目 npm 启动工程

征客丶·2016-05-19 10:00

搭建和学习Angularjs官方示例angular-phonecat项目

还好找到了下面的一个更齐全点的官方示例angular-phonecat项目的教程网站PhoneCat入门教程App导言不过在真正进行这个示例项目之前，可以参考下Angular-Phonecat项目初探，

dhb_oschina·2016-04-22 11:00

AngularJS学习笔记之二：开发、调试和测试工具

一、搭建自动化的前端开发、调试和测试环境我们先来看一个完整的项目实例，这是AngularJS官方为我们提供的Phonecat项目。

阿振·2016-03-21 16:00

启动 angular-phonecat 项目时出现这玩意。('The header content contains invalid characters');

最近学习angular，跟着视频做一个动作，启动“ angular-phonecat ”这个项目敲入“npmstart”启动没有问题，但是"http://localhost:8000/"一进入就立刻命令就出现

3H·2016-03-17 17:00

anguar.js tutorial demo

docs.angularjs.cn/tutorialangular入门demo:PhoneCatTutorialApp别人的DEMO（官方版）：http://angular.github.io/angular-phonecat

paul_xiao·2016-01-25 17:00

关于github上边phonecat的路由与多视图解析

AngularJS入门教程07：路由与多视图03-2914:1912-0517:13863001747647AngularJSAngularJS入门教程在这一步，你将学习如何创建一个布局模板并且通过路由功能来构建一个具有多个视图的应用。请重置工作目录：gitcheckout-fstep-7注意到现在当你转到app/index.html时，你会被重定向到app/index.html#/phones并

chajinglong·2016-01-13 11:52

AngularJS 配置和运行phonecat错误

并将程序路径添加到环境变量中PATH中第二步：下载git版本控制软件第三步：在git目录下点击git-bash.exe，执行gitclonegit://github.com/angular/angular-phonecat.git

sun懒虫·2015-12-10 11:00

npm start 作用

在配置phonecat项目时需要运行npmstart在本地配置一个服务器环境，npmstart首先会安装一系列的必要程序，这些程序依赖package.json中的内容，package.json中的内容详解如下

sun懒虫·2015-12-10 11:00

angularjs学习笔记2—运行phonecat项目

如果你去angularjs中文网看它的教程，你会发现一开始它提供了一个phonecat的引导项目，这个项目是angular官方给出的一个类似于demo的教程项目，并配有相应文档，按照这个项目并配合文档学习我想可能会取得很好的效果

·2015-11-01 13:59

PhoneCat App 教程

https://docs.angularjs.org/tutorial AngularJS教程第一篇文章的翻译，因为我在看中文版的AngularJS的翻译的时候，发现第一篇文章翻译的不准确，很有可能是陈旧了，英文官方版本更新了，造成我开始就进入不了教程中得实例，无法进行下去，所以直接去官方看原文章，顺便翻译出来，给懒得看英文的、打不开英文站点的同学一些参考，当然我翻译的不一定准确哈，请多多留言指

·2015-10-27 12:44

Angularjs学习---官方phonecat实例学习angularjs step0 step1

接下来一系列的文章都是学习https://docs.angularjs.org/tutorial的笔记,主要学习的angular-phonecat项目的实现,来介绍angularjs的使用. 1.下载

·2015-10-27 11:14

第二天,终于搞定 —— 2014.10.28

在angular-phonecat文件夹打开nodejs cmd.exe，运行npm install，就报错的问题，终于被我搞定了，期间查阅了N多资料，都是泪啊，再一次感受到了baidu和google的差距

·2015-10-23 09:17

AngularJS PhoneCat代码分析

转载自：http://www.tuicool.com/articles/ym6JfenAngularJS官方网站提供了一个用于学习的示例项目：PhoneCat。

tuzongxun·2015-10-22 14:00

12-实现动画

在最后的一步中，我们将在我们创建的最高的模板代码中，通过接触CSS和JavaScript动画来增强我们的phonecat网络应用。我们现在使用ngAnimal模块让应用变成可能。

刀狂剑痴·2015-08-27 16:00

0-启动

现在，你准备建一个AngularJS的phonecat应用，在这一步，你将与大多数源码相熟，学习在一个angular-seed中启动开发服务器，在浏览器中运行程序。

刀狂剑痴·2015-08-27 16:00

教程

PhoneCat教程App通过这篇教程去介绍Angular是一个极好的方式，他带你漫步在AngularJS网络应用的建筑中，这个APP会建造一个Android设备显示目录，让你选取你感兴趣的设备，并且能够察看每个设备的详细情况

刀狂剑痴·2015-08-27 16:00

angular-phonecat的编译运行

1.angular-phonecat是angularjs的官方tutorial示例。通过学习它，可以算是一个不错的入门angularjs的方法。

xpenxpen·2015-04-21 13:00

windows AngularJS引导程序angular-phonecat的运用

AngularJS AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。 git 分布式的版本控制工具 nodejs Node.js是一套用来编写高性能网络服务器的JavaScript工具包，一系列的

dk05408·2015-04-14 11:00

angularjs

1.下载 gitclone--depth=14https://github.com/angular/angular-phonecat.git2. git checkout -f step-03.npminstall

tavenpy·2015-04-12 20:00

angularjs 1.3.x入门教程 3 Angular Templates

这一节稍微复杂angularjs是用MVC模式，gitbush到angular-phonecat文件夹，输入以下代码，将这一节的示例代码git出来gitcheckout-fstep-2打开app/index.html

yudar1024·2014-11-21 10:00

angularjs 1.3.x入门教程 2 Bootstrapping

启动git-bush进入angular-phonecat文件夹，输入命令gitcheckout-fstep-0这个命令将你的应用恢复到step-0，同事你在文件夹中所作的所有变更都将丢失如果你没有安装依赖

yudar1024·2014-11-20 13:00

angularJs 搭建PhoneCat项目的开发与测试环境

AngularJS官方网站提供了一个用于学习的示例项目：PhoneCat。这是一个Web应用，用户可以浏览一些Android手机，了解它们的详细信息，并进行搜索和排序操作。

长空一笑·2014-07-21 09:00

ANGULARJS资源

303AngularJSO'Reillybookhttps://github.com/shyamseshadri/angularjs-bookangular-phonecathttps://github.com/angular/angular-phonecat

paulwong·2014-06-08 09:00

AngularJS学习---REST和自定义服务(REST and Custom Services) ngResource step 11

,这里主要的改动都是代码,代码做了很多优化,这里效果图就不再贴出来了. 3.实现代码 step-10和step-11之间的差别:https://github.com/angular/angular-phonecat

·2014-05-15 01:00

AngularJS(3)PhoneCat Demo Advance

AngularJS(3)PhoneCat Demo AdvanceGo on with the PhoneCat demo https://github.com/angular/angular-phonecat

sillycat·2014-01-22 06:00

AngularJS(2)PhoneCat Demo Basic

AngularJS(2)PhoneCat Demo BasicGo on with the PhoneCat demo https://github.com/angular/angular-phonecat

sillycat·2014-01-21 07:00

AngularJS(1)Introduction and Follow PhoneCat Demo

AngularJS(1)Introduction and Follow PhoneCat Demo1.

sillycat·2014-01-21 00:00

AngularJS 入门教程 $http is not defined 解决方案

下载的教程，www.angularjs.cn版本的入门教程，在第5步的时候签出文件：gitcheckout-fstep-5运行将会提示： $httpisnotdefined对比了一下，发现angular-phonecat

renfufei·2013-10-25 17:00

推荐频道

PhoneCat

AngularJS 遗留项目的改造升级之路（一）

AngularJS 遗留项目的改造升级之路（一）

package.json和bower.json参数

AngularJS 官方案例:angular-phonecat

【一起学AngularJS】第二章、入门引导

AngularJS Phonecat （步骤10-步骤12）

AngularJS Phonecat （步骤8-步骤9）

Angular.js项目启动步骤0----准备

AngularJS Phonecat（步骤0-步骤5）

引导程序

AngularJS+Node.js实现在线聊天室

AngularJS入门教程（零）：引导程序

ui-router中使用ocLazyLoad和resolve的具体方法

AngularJS Phonecat实例讲解

angluarJS 官方开发环境搭建 官方示例

AngularJS Phonecat （步骤13-步骤14）--完结篇

AngularJS Phonecat （步骤6-步骤7）

chrome禁止本地浏览时加载本地其他文件

AngularJS入门教程引导程序

ui-router中使用ocLazyLoad和resolve

AngularJS中文社区第一个学习应用实例-phonecat正确教程

cordova 项目 npm 启动工程

cordova 项目 npm 启动工程

搭建和学习Angularjs官方示例angular-phonecat项目

AngularJS学习笔记之二：开发、调试和测试工具

启动 angular-phonecat 项目时出现这玩意 。('The header content contains invalid characters');

anguar.js tutorial demo

关于github上边phonecat的路由与多视图解析

AngularJS 配置和运行phonecat错误

npm start 作用

angularjs学习笔记2—运行phonecat项目

PhoneCat App 教程

Angularjs学习---官方phonecat实例学习angularjs step0 step1

第二天,终于搞定 —— 2014.10.28

AngularJS PhoneCat代码分析

12-实现动画

0-启动

教程

angular-phonecat的编译运行

windows AngularJS引导程序angular-phonecat的运用

angularjs

angularjs 1.3.x入门教程 3 Angular Templates

angularjs 1.3.x入门教程 2 Bootstrapping

angularJs 搭建PhoneCat项目的开发与测试环境

ANGULARJS资源

AngularJS学习---REST和自定义服务(REST and Custom Services) ngResource step 11

AngularJS(3)PhoneCat Demo Advance

AngularJS(2)PhoneCat Demo Basic

AngularJS(1)Introduction and Follow PhoneCat Demo

AngularJS 入门教程 $http is not defined 解决方案

angluarJS 官方开发环境搭建官方示例

启动 angular-phonecat 项目时出现这玩意。('The header content contains invalid characters');