From e21283b871f28de6a560302080cdcf41a088d62c Mon Sep 17 00:00:00 2001
From: TeppoKoivula <teppo@piikkilanka.com>
Date: Thu, 11 Jun 2015 17:37:41 +0300
Subject: [PATCH] Switch bootstrap method from ng-app to angular.bootstrap()

Switching to angular.bootstrap() enables multiple AngularJS apps to
live on single HTML document. Previously used ng-app directive only
works for single app.
---
 UserGroupsHooks.module | 2 +-
 ng-access.php          | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/UserGroupsHooks.module b/UserGroupsHooks.module
index f442fe2..b1d3507 100644
--- a/UserGroupsHooks.module
+++ b/UserGroupsHooks.module
@@ -25,7 +25,7 @@ class UserGroupsHooks extends WireData implements Module {
 
 		return array(
 			'title' => 'User Groups Hooks',
-			'version' => 14,
+			'version' => 15,
 			'summary' => 'Autoload module that attachs all the hooks required by User Groups.',
 			'singular' => true,
 			'autoload' => true,
diff --git a/ng-access.php b/ng-access.php
index 896e552..f0cf37f 100755
--- a/ng-access.php
+++ b/ng-access.php
@@ -1,5 +1,5 @@
 <!-- all the Angular related markup goes inside this extra wrapper for it to be accessible by AccessApp/AccessCtrl -->
-<div xmlns:ng="http://angularjs.org" id="ng-app" ng-app="AccessApp" ng-controller="AccessCtrl">
+<div xmlns:ng="http://angularjs.org" id="ng-access-app" ng-controller="AccessCtrl">
 	<label>
 		<input type="radio" name="manage_access" value="1" ng-model="manageAccess" ng-change="init()" />
 		{{ i18n.labelManageHere }}
@@ -54,3 +54,5 @@ class="ng-hide">
 		class="ng-hide">
 	</select>
 </div>
+
+<script>angular.bootstrap(document.getElementById('ng-access-app'), ['AccessApp']);</script>