David Waller krawaller

ng-submit * only makes sense on a <form> tag * is just an event handler much like ng-click
ng-options * only makes sense on a <select> tag * enables us to have objects as selected values instead of just strings * saves us from having to type out <options ng-repeat="..." ... /> * provides additional shortcut for <optgroup> through :groupBy
ng-click
should always be a method call, don't do assignments as that relies on brittle scoping and is hard to test

Say we have a database of users and roles, where each user belongs to a role. Using the denormalized Firebase approach I might store that like this:

{
  "users": {
    "abc123": {
      "name": "Joe",
      "role": "kkk333"
    },
    // lots more users

To create a container, I only need to add my AppState typings to the mapStateToProps parameter:

const mapStateToProps = (state: State) => ({
  messages: state.messaging.messages
});

const mapDispatchToProps = (dispatch) => ({
  dismissUIMessage: (num) => dispatch(actions.dismissUIMessage(num))
});

	Drupal.verticalTabs = Drupal.verticalTabs \|\| {};
	Drupal.settings.verticalTabs = Drupal.settings.verticalTabs \|\| {};

	Drupal.behaviors.verticalTabs = function() {
	if (!$('.vertical-tabs-list').size() && Drupal.settings.verticalTabs) {
	var TABSETTING = "tabpos"+document.location.pathname.replace(/\//g,666);
	var ul = $('<ul class="vertical-tabs-list"></ul>');
	var panes = $('<div class="vertical-tabs-panes"></div>');
	$.each(Drupal.settings.verticalTabs, function(k, v) {
	var summary = '', cssClass = 'vertical-tabs-list-' + k;

	var docCookies = {
	getItem: function (sKey) {
	if (!sKey \|\| !this.hasItem(sKey)) { return null; }
	return unescape(document.cookie.replace(new RegExp("(?:^\|.;\\s)" + escape(sKey).replace(/[\-\.\+\]/g, "\\$&") + "\\s\\=\\s((?:[^;](?!;))[^;]?).*"), "$1"));
	},
	setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) {
	if (!sKey \|\| /^(?:expires\|max\-age\|path\|domain\|secure)$/i.test(sKey)) { return; }
	var sExpires = "";
	if (vEnd) {
	switch (vEnd.constructor) {

	txticon = function(iconname) {
	var map = {
	"glass": "E001",
	"leaf": "E002",
	"dog": "1F415",
	"user": "E004",
	"girl": "1F467",
	"car": "E006",
	"user_add": "E007",
	"user_remove": "E008",

	angular.module('myApp',[])

	.factory('tags',function(){
	var tags = ['urgent','blocked','boring','hard'],
	callbacks = [];
	return {
	addTag: function(t){
	tags.push(t);
	callbacks.forEach(function(cb){
	cb(tags)

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Exercise 1</title>
	<script src="../jquery.js"></script>
	<script src="../angular.js"></script>
	<style>
	.selected {
	text-decoration: line-through;