Install Bower and Angular on development system

Create an angularJS project using bower

Instructions are followed from this video: https://www.youtube.com/watch?v=gKiaLSJW5xI

# npm install –global yo bower grunt-cli
# yo –version && bower –version && grunt –version
# npm install –global generator-angular@0.9.2

Build new project:

# yo angular  (create project without Compass and Bootstrap)

Edit power to make sure these are in the apps folder:

{
“directory”: “appbower_components”
}

Afterwards, run:

bower install

The bower folder is now added in the apps folder.

Create new module:
yo angular:route game
yo angular:route team
yo angular:route competition

In the index.html: create links to these pages

Add new angular test code:

function HelloController($scope) {
    $scope.greeting = { text: ‘Hello’ };
}

function teams2Controller($scope,$http) {
   $http.get(“http://localhost/api/resources/teams/all”).
    success(function(response) {$scope.teams = response;});
}



{{greeting.text}}, World

 





{{greeting.text}}, World

 


 









 
    {{ x.id }}

 


 
{{ x.teamname }}

 


 

Example how to add a library to the project:
bower search backbone
bower install backbone –save
bower list
bower update

 

Geef een reactie

Gelieve met een van deze methodes in te loggen om je reactie te plaatsen:

WordPress.com logo

Je reageert onder je WordPress.com account. Log uit /  Bijwerken )

Google photo

Je reageert onder je Google account. Log uit /  Bijwerken )

Twitter-afbeelding

Je reageert onder je Twitter account. Log uit /  Bijwerken )

Facebook foto

Je reageert onder je Facebook account. Log uit /  Bijwerken )

Verbinden met %s