joseluisq / angular-es6

ECMAScript 6 boilerplate for angular source code and webpack

Angular ECMAScript 6 boilerplate

Do you want to use ES6 with angular and webpack? Here is a simple project with everything what you need at the beginning

Instalation

npm install angular-es6

Examples

Here is multiple examples:

Directive

export default class NiceDirective {
    constructor($http) {
    	this.$http = $http;

        this.template = '<div>{{computeName('NICE')}}</div>'; 
        this.restrict = 'E'; 
        this.scope = {
        	name: '='
    	};
    } 

    link($scope, element, attrs) { 
        this.$scope = $scope;

        $scope.computeName = suffix => computeName(suffix);
    } 

    computeName(suffix = '') {
    	const $scope = this.$scope;

    	return 'Mr.' + $scope.name + ' ' +  suffix;
    }
}

NiceDirective.$inject = ['$http'];

Controller

export default class MainController {
	constructor($scope) {
		this.$scope = $scope;
	}
}

MainController.$inject = ['$scope'];

Run build for production

npm run build

Run build for development

npm run dev