AngularJS Basics: Difference between revisions
No edit summary |
No edit summary |
||
| Line 29: | Line 29: | ||
The AngularJS tutorial uses bower to install the AngularJS framework. So, `npm install` installs bower, which is then in turn used to install `angular`, `bootstrap`, and `jquery` packages in `app/bower_components/` | The AngularJS tutorial uses bower to install the AngularJS framework. So, `npm install` installs bower, which is then in turn used to install `angular`, `bootstrap`, and `jquery` packages in `app/bower_components/` | ||
== Using Angular == | |||
* Templates are located in app folders, e.g. if the app is `myapp/`, the template can be `myapp/index.html`. | |||
* Define "root scope" with the `ng-app` attribute, e.g. | |||
<syntaxhighlight lang="html5"> | |||
<html lang="en" ng-app="myappApp" class="ng-scope"> | |||
</syntaxhighlight> | |||
== See also == | == See also == | ||
* [[AngularJS resources]] | * [[AngularJS resources]] | ||
Revision as of 22:46, 6 December 2015
App installation
The angular-seed project can be used to create core project components.
Update bower.json to add front-end frameworks to the seed project, e.g. with Twitter Bootstrap.
In the tutorial stub data was added as JSON files in app/phones/.
AngularJS installation
npm and bower
bower can be used to install the Angular framework.
CDN
CDN: //ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.2/angular.min.js
Click Download on the AngularJS landing page. On the next page all the distributions are listed.
Project dependencies
Project dependencies can be managed with npm. All project dependencies are stored in package.json in the project root.
E.g. karma is a unit testing package. Install with npm install karma --save-dev.
Then in order to update another distribution of the web app, npm install on the new server.
The AngularJS tutorial uses bower to install the AngularJS framework. So, npm install installs bower, which is then in turn used to install angular, bootstrap, and jquery packages in app/bower_components/
Using Angular
- Templates are located in app folders, e.g. if the app is
myapp/, the template can bemyapp/index.html. - Define "root scope" with the
ng-appattribute, e.g.
<html lang="en" ng-app="myappApp" class="ng-scope">