base code

Author: adityajadhav

README.md

@@ -1 +1,50 @@
-# angular-dynamic-controller
+# Angular Dynamic Controller
+
+This directive allows you to dynamically specify a controller name to inject into html template 
+
+## Installation
+
+Install using `bower`
+
+    bower install --save angular-dynamic-controller
+
+Load the script files into your application.
+
+```html
+<script src="bower_components/angular/angular.js"></script>
+<script src="bower_components/angular-dynamic-controller/lib/angular-dynamic-controller.js"></script>
+```
+
+Add this module as a dependency in your AngularJS app.
+
+```javascript
+angular.module('myApp', [ 'aj.angular-dynamic-controller' ]);
+```
+
+## Usage
+
+The `dynamicController` directive which include the controller name dynamically.
+
+To use this directive use attribute 'dynamic-controller' in the following way.
+
+```html
+<tabset> 
+	<tab ng-repeat="tab in tabs" active=tab.active> 
+		<tab-heading>{{tab.title}} </tab-heading>
+			<div ng-include="tab.template" dynamic-controller="tab.controller"></div>
+	</tab> 
+</tabset>
+```
+
+```javascript
+var myApp = angular.module('myApp',[]);
+
+myApp.controller('TabCtrl', ['$scope', function($scope) {
+  
+  $scope.tabs = [{
+  		tab.template="main.html",
+  		tab.controller="MainCtrl"
+	}];
+
+}]);
+```

bower.json

@@ -0,0 +1,25 @@
+{
+  "name": "angular-dynamic-controller",
+  "version": "1.0.0",
+  "authors": [
+    "Aditya Jadhav <aditya.jadhav27@gmail.com>"
+  ],
+  "description": "Angular directive that allows dynamically include the controller",
+  "main": "lib/angular-dynamic-controller.js",
+  "moduleType": [
+    "globals"
+  ],
+  "keywords": [
+    "angular",
+    "dynamic controller",
+    "tabs",
+  ],
+  "license": "MIT",
+  "ignore": [
+    "demo",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ]
+}

lib/angular-dynamic-controller.js

@@ -0,0 +1,27 @@
+(function() {
+
+    'use strict';
+
+    var module;
+
+    module = angular.module('aj.angular-dynamic-controller');
+
+    module.directive('dynamicController', ['$controller',
+				function($controller) {
+					return {
+						restrict : 'A',
+						scope : true,
+						link : function(scope, element, attrs) {
+
+							var locals = {
+								$scope : scope,
+								$element : element,
+								$attrs : attrs
+							};
+
+							element.data('$Controller',$controller(scope.$eval(attrs.dynamicController),locals));
+						}
+					};
+				}]);
+
+})();