cameron/floating-button-directive.js

## floating-button-directive.js
var floatingButtonDirective = function() {
  return {
    restrict: 'AE',
    scope: {
      text: '@'
    },
    template: '<div class="floating-button">Text: {{ text }}</div>'
  };
};

angular.module('App.FloatingButton')
  .directive('floatingButton', floatingButtonDirective)
  .constant("kEnableSiteFeedback", true)
  .run([
    '$compile',
    '$rootElement',
    '$rootScope',
    function($compile, $rootElement, $rootScope, kEnableSiteFeedback) {
      $rootScope.enableSiteFeedback = kEnableSiteFeedback;
      // no longer necessary -- see snippet below
      //var html = '<floating-button></floating-button>';
      //var scope = $rootScope.$new();
      //scope.text = 'test';

      //$rootElement.append($compile(html)(scope));
    }
  ]);


/* .... now we're in index.html */

<html>...
<feedback-button ng-if="enableSiteFeedback"></feedback-button>
...</html>
	var floatingButtonDirective = function() {
	return {
	restrict: 'AE',
	scope: {
	text: '@'
	},
	template: '<div class="floating-button">Text: {{ text }}</div>'
	};
	};

	angular.module('App.FloatingButton')
	.directive('floatingButton', floatingButtonDirective)
	.constant("kEnableSiteFeedback", true)
	.run([
	'$compile',
	'$rootElement',
	'$rootScope',
	function($compile, $rootElement, $rootScope, kEnableSiteFeedback) {
	$rootScope.enableSiteFeedback = kEnableSiteFeedback;
	// no longer necessary -- see snippet below
	//var html = '<floating-button></floating-button>';
	//var scope = $rootScope.$new();
	//scope.text = 'test';

	//$rootElement.append($compile(html)(scope));
	}
	]);


	/* .... now we're in index.html */

	<html>...
	<feedback-button ng-if="enableSiteFeedback"></feedback-button>
	...</html>