HG2D - Replace in AngularJS

Learn how to use replace in Directives in AngularJS

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<div angular></div>
<div class="angular"></div>
<angular></angular>
<!-- directive: angular -->

CSS

img {
    float: left;
    margin-right: 20px;
}

JavaScript

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

App.directive('angular', function() {
  return {
    restrict: 'ECMA',
    replace: false,
    template: '<img src="http://goo.gl/ceZGf"/>'
  };
});