This is shell project for configuring a typical project for angular 2.x. It includes the most naive example of an angular 2.x project. This uses some of the typical tools: webpack, karma, jasmine, typescript, sass.
Inspired by https://github.com/jeffbcross/aim
| promise.catch(error => { | |
| if (error instanceof OkayError) { | |
| return Observable.of('okay'); | |
| } else { | |
| throw error | |
| } | |
| }) |
| browser.wait(function() { | |
| var deferred = protractor.promise.defer(); | |
| element(by.id('some-element')).isPresent() | |
| .then(function (isPresent) { | |
| deferred.fulfill(!isPresent); | |
| }); | |
| return deferred.promise; | |
| }); |
| var gulp = require('gulp'); | |
| var connect = require('gulp-connect'); | |
| var cors = function (req, res, next) { | |
| res.setHeader('Access-Control-Allow-Origin', '*'); | |
| res.setHeader('Access-Control-Allow-Headers', '*'); | |
| next(); | |
| }; | |
| gulp.task('server:test', function () { |
| // Define gulp before we start | |
| var gulp = require('gulp'); | |
| // Define Sass and the autoprefixer | |
| var sass = require('gulp-sass'); | |
| var prefix = require('gulp-autoprefixer'); | |
| // This is an object which defines paths for the styles. | |
| // Can add paths for javascript or images for example | |
| // The folder, files to look for and destination are all required for sass |
| (function (ng) { | |
| "use strict"; | |
| function MyController($scope) { | |
| // Use Controller As syntax | |
| // https://github.com/johnpapa/angular-styleguide#style-y032 | |
| var vm = this; |
| /** | |
| * ------------------ The Life-Cycle of a Composite Component ------------------ | |
| * | |
| * - constructor: Initialization of state. The instance is now retained. | |
| * - componentWillMount | |
| * - render | |
| * - [children's constructors] | |
| * - [children's componentWillMount and render] | |
| * - [children's componentDidMount] | |
| * - componentDidMount |
| function traverse(x, level) { | |
| if (isArray(x)) { | |
| traverseArray(x, level); | |
| } else if ((typeof x === 'object') && (x !== null)) { | |
| traverseObject(x, level); | |
| } else { | |
| console.log(level + x); | |
| } | |
| } |
