AngularJs – Basic App Setup

Tutorial AngularJs

von Ardian Shala, 30.04.2016 - update: 19.05.2017
Ein simples AngularJs Basic Setup mit Routeprovider und Controller als "vm" Deklaration.
Vorraussetzung:
  • AngularJs - link
  • Editor
  • Javascript Basis Wissen

Downloads:

Beispiel App

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"
    });
});
#angularjs #Basics #javascript #spa

Autor: Ardian Shala

Ersteller der Webseite MuchaDev. Selbstständiger IT Constultant für Frontend Technologien. Full Stack Entwickler mit AngularJs, Angular, Ionic und C#.