auxcoder

$ctrl.reload = function() {
  return $state.transitionTo($state.current, $stateParams, {
    reload: true
  }).then(function() {
    $ctrl.hideContent = true;
    return $timeout(function() {
      return $ctrl.hideContent = false;
    }, 1);
  });
};

auxcoder

/* Print styles */

body { 
width:100% !important;
margin:0 !important;
padding:0 !important;
line-height: 1.45; 
font-family: Garamond,"Times New Roman", serif; 
color: #000; 
background: none; 

auxcoder

AngularJS with TypeScript

AngularJS with TypeScript

http://sirars.com/2014/01/28/when-two-forces-meet-angularjs-typescript/

Setup

As a .NET developer, I use Visual Studio 2013 and the TypeScript plugin for Visual Studio. This is what I recommend that you use unless you are for some reason against the Windows

auxcoder

function _buildHash(value) {
  var hash = 0, i, currChr;
  if (value.length === 0) { return hash; }
  for (i = 0; i < value.length; i++) {
    currChr = value.charCodeAt(i);
    hash = ((hash << 5) - hash) + currChr; // jshint ignore:line
    hash |= 0; // jshint ignore:line
  }
 return hash.toString(2);

auxcoder

// from a component controller
toDataURL(
  image_url
).then(
  function onsuccess(response) {
    ctrl.ngModel.$setViewValue(ctrl.previousImage);
  },
  function onError(response) {
    $log.error(response);
  }

auxcoder

When defining dependencies some prefixes are used.

"dependencies": {
  "a": "~1.0.6",
  "b": "^1.0.6",
  "b": "*"
}

auxcoder

Steps to install and run PostgreSQL using Homebrew (Mac OS X)

launchctl unload -w ~/Library/LaunchAgents/homebrew.mxcl.postgresql.plist

Rename the old version and update PostgreSQL

mv /usr/local/var/postgres /usr/local/var/postgres91
brew update

auxcoder

Chrome Dev Tools tips

Interpolation

Insert data into message.

var myVar = 123;
console.log('Var value is %s', myVar);
console.log(`Var value is ${myVar}`);

auxcoder

Sass control flow and loop iterations

@if @else

The @if control directive takes an expression and processes its block of styles if the expression is true. This example let us define styles base in the devise orientation.

@mixin iPad($orientation: null){
	@media only screen

auxcoder

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

1. Raw Attribute Strings

   <div my-directive="some string" another-param="another string"></div>