DevEarley

angular.module('SomeApp').factory('SomeFactory',
    function ($rootScope) {
        var Something = function () {
            this.Stuff = [];
            this.AlertStuffLength = function () {
                alert("This much Stuff: " + this.Stuff.length);
            }
            this.AddStuff = function (_stuff) {
                this.Stuff.push(_stuff);
            }

DevEarley

transition: all 1s ease-in-out;

DevEarley

Angular Naming Convention

TYPE	CONVENTION	EXAMPLE
App Module	UpperCamel	MyApp
Controller	UpperCamel	SomeController
Service	UpperCamel	SomeDataService
Factory	UpperCamel	SomeFactory
Directive	lowerCamel	someDirective
Filter	lowerCamel	someFilter

DevEarley

{
    "window.menuBarVisibility": "toggle",
    "workbench.activityBar.visible": false,
    "workbench.iconTheme": "material-icon-theme",
    "editor.roundedSelection": false,
    "editor.minimap.enabled": true,
    "editor.minimap.renderCharacters": false,
    "editor.quickSuggestions": {
        "other": true,
        "comments": true,

DevEarley

angular
.module("someApp", [])
.directive("someDirective", function () {
    return {
      scope:{
      someStringLiteral:"@",
      someTwoWayBinding:"=",
      someFunction:"&"        
      },
      controllerAs:"vm",

DevEarley

extends Node
export var node_paths = []
var player_node = null
var message_node = null
var nodes = []

func _ready():
	message_node = get_node("../Message")
	player_node = get_node("../Player")
	for node_path in node_paths:

DevEarley

This doc is using Angular 7 with Angular CLI.

• Install Yarn - https://yarnpkg.com/lang/en/docs/install/#windows-stable
• Install Node ( for CLI only)

Install Angular CLI

npm i -g @angular/cli@latest

Set Angular to use Yarn

ng config -g cli.packageManager yarn

Setup new project

DevEarley

This doc is using Angular 6 with Angular CLI.

Using ngModel

1. Make sure to import FormsModule

	import { FormsModule, ReactiveFormsModule } from '@angular/forms';
	...
	@NgModule({
		imports: [

DevEarley

This doc is using Angular 6 with Angular CLI.

Using DEBOUNCE with ngModel

HTML

	<p>
		<input [(ngModel)]="txtQuery" (ngModelChange)="onFieldChange($event)"/>
		{{letterCount}}
	</p>

DevEarley

     this.titleService.emitterN$
            .takeUntil(this.componentDestroyed$)
            .subscribe(
            (data: any) =>
            {
                // ... do something N
            }
        );
    }