ThomasBurleson

Scenario

We want to build a custom schematic for company Aero that will internally do two things:

• build a new ngrx library using Nx workspace naming conventions
• generate ngrx state-management files; include the *.facade.* files

---

Important: This example is valid ONLY for Nx v6.2.x or higher!

OutThisLife

const log = new Proxy({}, {
  get: (_, colour) => function() {
    console.log(`%c ${[].slice.call(arguments).join(' ')}`, `color: ${colour}`)
  }
})

// example
log.tomato('I am tomato')
log.chocolate('I am chocolate')
log.cornflowerblue('I am cornflowerblue')

ospaarmann

import { Component} from '@angular/core';

import { Nl2BrPipe } from './nl2br.pipe';

@Component({
  moduleId: module.id,
  selector: 'my-component',
  template: `
    <div [innerHtml]="content | nl2br"></div>
  `

DavidVotrubec

app.directive('someDirective', function () {
  return {
    scope: {
      oneWay: '@',
      twoWay: '=',
      expr: '&'
    }
  };
});

ultimatemonty

Ember.Handlebars.registerBoundHelper('nl2br', function (text) {
    
    var breakTag = '<br />';

  return new Handlebars.SafeString((text + '')
    .replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + breakTag + '$2'));
});

staltz

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

BobNisco

// Somewhere in your controllers for this given example

// Example functions
$scope.itemOnLongPress = function(id) {
	console.log('Long press');
}

$scope.itemOnTouchEnd = function(id) {
	console.log('Touch end');
}