jens1101

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

app.component('legalReferences', {
  bindings: {
    foo: '&?',
    bar: '<?',
    baz: '=?',
    qux: '@?'
  },
  controller: function() {

jens1101

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

app.component('selectPicker', {
  template: '<div ng-transclude ng-show="$ctrl.show"></div>',
  require: {
    ngModel: '^ngModel'
  },
  bindings: {
    options: '<',
    disable: '<'

jens1101

// Source: https://developer.mozilla.org/en-US/docs/Web/API/Location
// Source: https://developer.mozilla.org/en-US/docs/Web/API/Window/location

// Navigate to a new page.
window.location.assign('http://www.mozilla.org')

// Force reloading the current page from the server
// **Note:** If the parameter is not set or set to false then the browser may
// reload from cache
window.location.reload(true)

jens1101

A; B    Run A and then B, regardless of success of A
A && B  Run B if A succeeded
A || B  Run B if A failed
A &     Run A in background.

jens1101

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

app.component('foo', {
    require: {
        theModel: '^ngModel'
    },
    template: '[...]',
    controller: FooCtrl,
    bindings: {
        options: '<'

jens1101

/**
 * @param {string} url
 */
function removeTrailingSlashes(url) {
    return url.replace(/\/+$/, ''); //Removes one or more trailing slashes from URL
}

jens1101

Often times the choice between both directives seems trivial, because you can achieve the same effect either way. However both have interesting default behaviours that you can use to you advantage.

• ng-show will hide the element it is on by default, unless the condition in it evaluates to true.
• ng-hide will show the element it is on by default, unless the condition in it evaluates to true.

This is most useful when your controller is doing AJAX calls or something else that's asynchronous. Your variables may still be undefined until the AJAX call returns.

Example

foo.controller.js

$ctrl.foos;

jens1101

export class Node {
    //...
}

export class UnidirectionalNode extends Node {
    private next: Node;
    
    //...
}

jens1101

$.get('/html/template01.html').done(function(html) {
    var template = $(html); //Create DOM element
    
    //Do stuff with the new DOM element
});

jens1101

<div class="item-with-actions">
    <i class="primary">
        This is the primary content of the item
    </i>
    <div>
        <button>
            Edit
        </button>
    </div>
    <div>