Transclusion

jonotron · jonotron · commit 2c1c766f92c8 · 2013-02-17T07:11:04.000-08:00
diff --git a/transclusion.html b/transclusion.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8">
+
+  <title>Drink</title>
+
+  <link rel="stylesheet" href="vendor/zurb/foundation/stylesheets/foundation.css" type="text/css" media="screen" charset="utf-8">
+  
+</head>
+
+<body ng-app="myApp">
+
+  <div ng-controller="AppCtrl">
+    <panel>
+      <div class="button">My button</div>
+    </panel>
+  </div>
+
+<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script>
+<script src="transclusion.js"></script>
+</body>
+</html>
diff --git a/transclusion.js b/transclusion.js
@@ -0,0 +1,13 @@
+var app = angular.module("myApp", []);
+
+app.controller("AppCtrl", function($scope) {
+
+});
+
+app.directive("panel", function() {
+  return {
+    restrict: "E",
+    transclude: true,
+    template: '<div class="panel" ng-transclude>This is a panel</div>'
+  }
+});
