kylefang/angular.js
1
0
Fork 0
mirror of https://github.com/zhigang1992/angular.js.git synced 2026-04-04 17:08:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(tutorial): move bower_components into app folder

Browse Source
This commit is contained in:
Peter Bacon Darwin
2014-05-05 20:54:07 +01:00
parent 3d0b49c07f
commit 5f5bf07bb8
6 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/content/tutorial/index.ngdoc
View File

@@ -126,7 +126,7 @@ This command will download the following tools, into the `node_modules` director
- [Protractor][protractor] - end 2 end test runner
Running `npm install` will also automatically use bower to download the Angular framework into the
`bower_components` directory.
`app/bower_components` directory.
<div class="alert alert-info">
Note the angular-phonecat project is setup to install and run these utilities via npm scripts.

9
docs/content/tutorial/step_00.ngdoc
View File

@@ -46,9 +46,9 @@ __`app/index.html`:__
<head>
<meta charset="utf-8">
<title>My HTML File</title>
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="css/app.css">
<script src="../bower_components/angular/angular.js"></script>
<script src="bower_components/angular/angular.js"></script>
</head>
<body>
@@ -76,7 +76,7 @@ __`app/index.html`:__
* AngularJS script tag:
<script src="../bower_components/angular/angular.js">
<script src="bower_components/angular/angular.js">
This code downloads the `angular.js` script and registers a callback that will be executed by the
browser when the containing HTML page is fully downloaded. When the callback is executed, Angular
@@ -136,7 +136,8 @@ and one static binding, and our model is empty. That will soon change!
Most of the files in your working directory come from the [angular-seed project][angular-seed] which
is typically used to bootstrap new Angular projects. The seed project is pre-configured to install
the angular framework (via `bower`) and tools for developing a typical web app (via `npm`).
the angular framework (via `bower` into the `app/bower_components/` folder) and tools for developing
a typical web app (via `npm`).
For the purposes of this tutorial, we modified the angular-seed with the following changes:

2
docs/content/tutorial/step_02.ngdoc
View File

@@ -33,7 +33,7 @@ __`app/index.html`:__
<html ng-app="phonecatApp">
<head>
...
<script src="../bower_components/angular/angular.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="js/controllers.js"></script>
</head>
<body ng-controller="PhoneListCtrl">

4
docs/content/tutorial/step_07.ngdoc
View File

@@ -120,8 +120,8 @@ __`app/index.html`:__
<html lang="en" ng-app="phonecatApp">
<head>
...
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
</head>

2
docs/content/tutorial/step_11.ngdoc
View File

@@ -65,7 +65,7 @@ __`app/index.html`.__
```html
...
<script src="../bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="js/services.js"></script>
...
```

4
docs/content/tutorial/step_12.ngdoc
View File

@@ -90,12 +90,12 @@ __`app/index.html`.__
...
<!-- jQuery is used for JavaScript animations (include this before angular.js) -->
<script src="../bower_components/jquery/jquery.js"></script>
<script src="bower_components/jquery/jquery.js"></script>
...
<!-- required module to enable animation support in AngularJS -->
<script src="../bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<!-- for JavaScript Animations -->
<script src="js/animations.js"></script>