AngularJs – Basic App Setup

Downloads:

Erstellen des Einstiegs einer Angular App – spa.js

var app = angular.module('app', ['ngRoute']);

Erstellen der index.html

<script src="libs/angular/angular.min.js"></script>
<script src="libs/angular/angular-route.min.js"></script>
<script src="spa/spa.js"></script>

Controller erstellen

app.controller('HomeController', function() {
    var vm = this;
    vm.test = "Hello Home";
});

Controller in index.html integrieren

<script src="libs/angular/angular.min.js"></script>
<script src="libs/angular/angular-route.min.js"></script>
<script src="spa/spa.js"></script>
<script src="views/homeCtrl.js"></script>

View erstellen

{{vm.test}}

spa.js anpassen und route integrieren

app.config(function($routeProvider) {
    $routeProvider.when('/', {
        templateUrl: 'views/home.html',
        controller: "HomeController as vm"
    });
});