AngularJS: Factory - Full Screen

by Alberto Naperi Jr.

HTML

<input type="text" ng-model="titelKleur" />
<button type="button"
        ng-click="fullscreenVoorbeeld()">
    Full Screen
</button>

xxxx {{instellingenService}}

JavaScript

'use strict';

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

app.controller('InstellingenCtrl', ['$scope', 'instellingenService', function($scope, instellingenService) {

        $scope.fullscreenVoorbeeld = function() {
            instellingenService.instellingen.titelKleur = $scope.titelKleur;
        };
    
    	$scope.instellingenService = instellingenService;

    }]);

app.factory('instellingenService', [function() {

        var instellingenService = {};

        var _instellingen = {
            berichtenUrl: '',
            scrollSnelheid: '',
            berichtSnelheid: '',
            titelKleur: '',
            titelLetterGrootte: '',
            textKleur: '',
            textLetterGrootte: ''
        };

        instellingenService.instellingen = _instellingen;
    
        return instellingenService;

    }]);