jbmilgrom

<input type="text" ng-model="modelName" nullify-model>

jbmilgrom

.directive('nullifyModel', ['$filter',
  function($filter){
    return {
      restrict: 'A',
      require: "ngModel",
      link: link
    };

    function link(scope, elem, attrs, ctrl){
      ctrl.$parsers.push($filter('nullify'));

jbmilgrom

.filter('nullify', function(){
  return function(value){
    return value ? value : null;
  };
});

jbmilgrom

<i class="icon upvote" ng-click="vm.user.upvote(vm.answer)"></i>

jbmilgrom

<i class="icon upvote"
  ng-click="vm.user.upvote(vm.answer)"
  ng-class="{voted: vm.answer.isVotedFor(vm.user)}">
</i>

jbmilgrom

<i class="icon upvote"
  ng-click="vm.user.upvote(vm.answer)"
  ng-class="{voted: vm.answer.isVotedFor(vm.user)}">
</i>
 {{ vm.answer.voteCount() }}
<i class="icon downvote"
  ng-click="vm.user.downvote(vm.answer)"
  ng-class="{voted: vm.answer.isVotedAgainst(vm.user)}">
</i>

jbmilgrom

scope.$watch('greeting', function(greeting) {
  console.log('greeting: ', greeting);
});

scope.greeting = 'hi there'; // greeting: hi there

$timeout(function() { scope.greeting += ', Joe'}); // greeting: hi there, Joe

jbmilgrom

scope.tree = {
  type: 'oak',
  branches: [{
    color: 'brown',
    length: '11',
    leaves: [{
      color: 'green',
      shape: 'oval',
    }, {
      color: 'brown',

jbmilgrom

scope.$watch('obj1', function callback(newValue) {
  console.log('obj1: ', newValue);
});

// (when initialized) prints out: undefined

$timeout(function() {
  scope.obj1 = {name: 'jonathan'}; // prints out: {name: 'jonathan'}
});

jbmilgrom

scope.$watchGroup(['expression1', 'expression2'], function(arrayOfExpressions) {
  ...
});