Benutzer:MovGP0/AngularJS

MovGP0

Über mich

Hilfen

Artikel

Weblinks

Literatur

Zitate

Notizen

Programmierung

MSCert

Physik

Programmierung Web-Programming Languages ECMAScript • TypeScript • Elm • LESS Infrastruktur Node • Yeoman • Bower • Grunt • Jasmine • Karma • Protractor • Hapi • Redux AngularJS Validation • Testing Angular Modules • Animations • Attributes • Styles • Deployment • Dependency Injection • HTTP Client • Lifecycle • Pipes • Routing and Navigation • Security • Structural Directives (ngIf, ngFor, ngSwitch) • Testing • Forms Validation Other Knockout • RequireJS • PhoneGap/Cordova • React • fantasy-land • typed-contract • parsimmon

AngularJS

'Blocks' in a Module

Config Routes

Filters

Directives

Factories Services Providers Values

Controllers

Service vs. Factory vs. Provider

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

// service style, probably the simplest one
myApp.service('helloWorldFromService', function() {
    this.sayHello = function() {
        return "Hello, World!"
    };
});

// factory style, more involved but more sophisticated
myApp.factory('helloWorldFromFactory', function() {
    return {
        sayHello: function() {
            return "Hello, World!"
        }
    };
});

// provider style, full blown, configurable version     
myApp.provider('helloWorld', function() {
    // In the provider function, you cannot inject any
    // service or factory. This can only be done at the
    // "$get" method.

    this.name = 'Default';

    this.$get = function() {
        var name = this.name;
        return {
            sayHello: function() {
                return "Hello, " + name + "!"
            }
        }
    };

    this.setName = function(name) {
        this.name = name;
    };
});

// hey, we can configure a provider!            
myApp.config(function(helloWorldProvider){
    helloWorldProvider.setName('World');
});


function MyCtrl($scope, helloWorld, helloWorldFromFactory, helloWorldFromService) {

    $scope.hellos = [
        helloWorld.sayHello(),
        helloWorldFromFactory.sayHello(),
        helloWorldFromService.sayHello()];
}​

Restangular

• https://github.com/mgonto/restangular

Directives

• https://egghead.io/articles/an-introduction-to-the-angularjs-directive-part-1

Weblinks

• Dan Wahlin: AngularJS in 20ish Minutes. In: YouTube. NG-Conf 2014, 16. Januar 2014, abgerufen am 4. Mai 2014 (englisch). 
• angularjs: AngularJS + REST Made Simple: Connecting AngularJS to a Backend with REST & JSON. In: YouTube. 16. Januar 2014, abgerufen am 15. Mai 2014 (englisch). 
• AngularJS API Docs. In: AngularJS. Google, abgerufen am 15. Mai 2014 (englisch). 

Referenzen

|}