Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://code.angularjs.org/1.5.7/angular.js"></script>
<div ng-controller="MyCtrl">
  <p data-ng-if="::type" data-ng-switch="type">
    <span><strong>Account type:</strong></span>
    <span data-ng-switch-when="facebook" class="ico-fb inline"></span>
    <span data-ng-switch-when="google" class="ico-google inline"></span>
    <span data-ng-switch-default="" class="ico-email inline"></span>
    <span>{{ type }}</span>
  </p>
</div>

JavaScript

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

myApp.config(function($controllerProvider) {
    $controllerProvider.allowGlobals();
});

function MyCtrl($scope) {
    $scope.type = 'email';
}