LIVIJUKU-253

Scopeton transcludaaminen komponentteihin jotka ei tarvi omaa scopea.
angular/angular.js#5489

app/scripts/components/form/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-module.exports = function () {
-  return {
-    transclude: true,
-    replace: true,
-    template: `
-      <form class="form" ng-transclude></form>`
-  };
+var transclude = require('utils/transclude');
+
+module.exports = function() {
+  return transclude({
+    template: `<form class="form"></form>`
+  });
 };

app/scripts/components/formRow/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-module.exports = function () {
-  return {
-    transclude: true,
-    replace: true,
-    template: `
-      <div class="form-row" ng-transclude></div>`
-  };
+var transclude = require('utils/transclude');
+
+module.exports = function() {
+  return transclude({
+    template: `<div class="form-row"></div>`
+  });
 };

app/scripts/components/formSection/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-module.exports = function () {
-  return {
-    transclude: true,
-    replace: true,
-    template: `
-      <div class="form-section" ng-transclude></div>`
-  };
+var transclude = require('utils/transclude');
+
+module.exports = function() {
+  return transclude({
+    template: `<div class="form-section"></div>`
+  });
 };

app/scripts/utils/transclude.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var _ = require('lodash');
+
+module.exports = function transclude(options) {
+  return _.extend({
+    transclude: true,
+    replace: true,
+    link(scope, element, attr, controller, transcludeFn) {
+      transcludeFn(scope, function (clone) {
+        element.empty().append(clone);
+      });
+    }
+  }, options);
+};