Prefixed the "compile" directive (with DTGE)

In order to futureproof, if other packages/plugins have their own "compile" directive.
Renamed to be explicit, this is in contrast to `ng-bind-html-unsafe`.

Author: leekelleher

src/Our.Umbraco.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Js/doctypegrideditor.directives.js

@@ -1,4 +1,4 @@
-angular.module("umbraco.directives").directive("compile", [
+angular.module("umbraco.directives").directive("dtgeBindHtmlCompile", [
 
     "$compile",
 
@@ -7,10 +7,10 @@ angular.module("umbraco.directives").directive("compile", [
         var directive = {
             restrict: "A",
             scope: {
-                compile: "="
+                dtgeBindHtmlCompile: "="
             },
             link: function ($scope, $element, $attrs) {
-                $scope.$watch(function () { return $scope.compile }, function (newValue, oldValue) {
+                $scope.$watch(function () { return $scope.dtgeBindHtmlCompile }, function (newValue, oldValue) {
                     $element.html(newValue);
 
                     // Only compile child nodes to avoid starting an infinite loop

src/Our.Umbraco.DocTypeGridEditor/Web/UI/App_Plugins/DocTypeGridEditor/Views/doctypegrideditor.html

@@ -8,7 +8,7 @@
         </div>
         <div ng-if="preview"
              style="text-align: left;"
-             compile="preview"
+             dtge-bind-html-compile="preview"
              prevent-default>
         </div>
     </div>