aaronfrost

.item{
  background-color:white;
  color:black;
}
.item:hover{
  background-color:black;
  color:white;
}

aaronfrost

<div class="big-section">
    <div ng-if="archiveMode">
        <div class="header">
            <i class="archive-icon"></i>
        </div>
        <div>
            <span>{{description}}</span>
        </div>
        <button ng-click="unarchive()">Unarchive</button>
    </div>

aaronfrost

<!--Parent Controller-->
<div ng-controller="ParentController">
  <!--First Child Controller-->
  <div ng-controller="ChildAController">
    <button ng-click="handleClick()">Click This</button>
  </div>
  
  <!--Second Child Controller-->
  <div ng-controller="ChildBController">
    <button ng-click="handleClick()">Click This</button>

aaronfrost

<!--Parent Controller-->
<div ng-controller="ParentController">
  <!--First Child Controller-->
  <div ng-controller="ChildAController">
    <button ng-click="handleClick()">Click This</button>
  </div>
  
  <!--Second Child Controller-->
  <div ng-controller="ChildBController">
    <button ng-click="handleClick()">Click This</button>

aaronfrost

angular.module('app').run(function($q, $timeout){
  
  function User(data){
    if(this == window)return new User(data);
    
    angular.extend(this, data);
  }
  
  User.prototype.sayHi = function(){
    console.log("HI!!!");

aaronfrost

var a;  
console.log(a);  //Logs 'undefined'
console.log(b);  //ReferenceError: 'b' is not defined

/**
 * Neither are defined, but only the undeclared variable gets an 'undefined' error. 
 * 
 * So, is the correct idiom 'undeclared' when referring to an instruction that will throw
 * a ReferenceError because it wasn`t declared? Or is there another idiom that I should use?
 * 

aaronfrost

let a = 0;
{
  console.log(a);  //Node throws error cause "a" isn`t defined yet, but it was defined on line one. 
  let a = 1;
  console.log(a);
}
console.log(a);

aaronfrost

//I don't think that this is working right in Firefox
let c = let (a = getA()) a;
console.log(c, a);            //Logs 1, 0
//Why did it log 0 for "a"?

function getA(){
  return 1;
}
function getB(){
  return 2;

aaronfrost

<!--Pre-Angular 1.3-->
<p id="normal-binding-example">Normal binding: {{name}}</p>

<!--Angular 1.3-->
<p id="one-time-binding-example">One time binding: {{::name}}</p>

aaronfrost

var x = "INIT";

function test(a = x) {
  var x;
  return a;
}
console.log( test() ); //undefined or 'INIT'