I'm new in DNN development.I am using DNN-7 version.actually i am running with one problem about Dnn project.
I have DNN solution with multiple projects and i want to merge all projects into single Project.
Previously, I need multiple pages so that i did multiple modules for each pages.but now it thinks too tedious job.
overall idea is that how we can manage multiple views in single project.
The common way to do something like this is to use the .DNN file of your project to have multiple "packages".
You can see an example at:
https://github.com/ChrisHammond/Engage-Publish/blob/master/EngagePublish.5.dnn
<dotnetnuke version="5.0" type="Package">
<packages>
<package name="Engage: Publish" type="Module" version="5.7.0">
<friendlyName>Engage: Publish</friendlyName>
<description>The DotNetNuke Publishing module by Engage Software (www.engagesoftware.com)</description>
<iconFile>DesktopModules/EngagePublish/Images/publish-icon32.png</iconFile>
<owner>
<name>Engage Software</name>
<organization>Engage Software</organization>
<url>http://www.engagesoftware.com/</url>
<email>support#engagemodules.com</email>
</owner>
<license src="Licenses\EULA-Standard.htm" />
<releaseNotes src="ReleaseNotes_5.7.0.htm" />
<dependencies>
<dependency type="CoreVersion">5.0.0</dependency>
</dependencies>
<components>
<component type="ResourceFile" installOrder="0">
<resourceFiles>
<basePath>DesktopModules/EngagePublish</basePath>
<resourceFile>
<name>Resources.zip</name>
</resourceFile>
</resourceFiles>
</component>
<component type="Script" installOrder="1">
<!-- use installOrder to guarantee that scripts run before assembly installs -->
<!-- so that 5.7.0 script can fix incorrect assembly version numbers -->
<scripts>
<basePath>DesktopModules\EngagePublish</basePath>
<script type="Install">
<name>03.00.01.SqlDataProvider</name>
<version>03.00.01</version>
</script>
<script type="Install">
<name>03.00.02.SqlDataProvider</name>
<version>03.00.02</version>
</script>
<script type="Install">
<name>03.00.04.SqlDataProvider</name>
<version>03.00.04</version>
</script>
<script type="Install">
<name>03.00.05.SqlDataProvider</name>
<version>03.00.05</version>
</script>
<script type="Install">
<name>03.00.06.SqlDataProvider</name>
<version>03.00.06</version>
</script>
<script type="Install">
<name>03.00.07.SqlDataProvider</name>
<version>03.00.07</version>
</script>
<script type="Install">
<name>03.00.08.SqlDataProvider</name>
<version>03.00.08</version>
</script>
<script type="Install">
<name>03.00.09.SqlDataProvider</name>
<version>03.00.09</version>
</script>
<script type="Install">
<name>03.00.10.SqlDataProvider</name>
<version>03.00.10</version>
</script>
<script type="Install">
<name>03.00.12.SqlDataProvider</name>
<version>03.00.12</version>
</script>
<script type="Install">
<name>03.00.13.SqlDataProvider</name>
<version>03.00.13</version>
</script>
<script type="Install">
<name>03.00.14.SqlDataProvider</name>
<version>03.00.14</version>
</script>
<script type="Install">
<name>03.00.15.SqlDataProvider</name>
<version>03.00.15</version>
</script>
<script type="Install">
<name>03.00.16.SqlDataProvider</name>
<version>03.00.16</version>
</script>
<script type="Install">
<name>03.00.17.SqlDataProvider</name>
<version>03.00.17</version>
</script>
<script type="Install">
<name>03.00.19.SqlDataProvider</name>
<version>03.00.19</version>
</script>
<script type="Install">
<name>03.00.21.SqlDataProvider</name>
<version>03.00.21</version>
</script>
<script type="Install">
<name>03.00.23.SqlDataProvider</name>
<version>03.00.23</version>
</script>
<script type="Install">
<name>03.00.24.SqlDataProvider</name>
<version>03.00.24</version>
</script>
<script type="Install">
<name>04.00.00.SqlDataProvider</name>
<version>04.00.00</version>
</script>
<script type="Install">
<name>04.00.01.SqlDataProvider</name>
<version>04.00.01</version>
</script>
<script type="Install">
<name>04.00.02.SqlDataProvider</name>
<version>04.00.02</version>
</script>
<script type="Install">
<name>04.00.03.SqlDataProvider</name>
<version>04.00.03</version>
</script>
<script type="Install">
<name>04.00.04.SqlDataProvider</name>
<version>04.00.04</version>
</script>
<script type="Install">
<name>04.00.05.SqlDataProvider</name>
<version>04.00.05</version>
</script>
<script type="Install">
<name>04.00.06.SqlDataProvider</name>
<version>04.00.06</version>
</script>
<script type="Install">
<name>04.00.07.SqlDataProvider</name>
<version>04.00.07</version>
</script>
<script type="Install">
<name>04.00.08.SqlDataProvider</name>
<version>04.00.08</version>
</script>
<script type="Install">
<name>04.00.09.SqlDataProvider</name>
<version>04.00.09</version>
</script>
<script type="Install">
<name>04.01.00.SqlDataProvider</name>
<version>04.01.00</version>
</script>
<script type="Install">
<name>04.01.01.SqlDataProvider</name>
<version>04.01.01</version>
</script>
<script type="Install">
<name>04.02.00.SqlDataProvider</name>
<version>04.02.00</version>
</script>
<script type="Install">
<name>04.02.01.SqlDataProvider</name>
<version>04.02.01</version>
</script>
<script type="Install">
<name>04.02.03.SqlDataProvider</name>
<version>04.02.03</version>
</script>
<script type="Install">
<name>04.02.05.SqlDataProvider</name>
<version>04.02.05</version>
</script>
<script type="Install">
<name>04.02.06.SqlDataProvider</name>
<version>04.02.06</version>
</script>
<script type="Install">
<name>04.02.07.SqlDataProvider</name>
<version>04.02.07</version>
</script>
<script type="Install">
<name>04.02.09.SqlDataProvider</name>
<version>04.02.09</version>
</script>
<script type="Install">
<name>04.03.00.SqlDataProvider</name>
<version>04.03.00</version>
</script>
<script type="Install">
<name>04.03.01.SqlDataProvider</name>
<version>04.03.01</version>
</script>
<script type="Install">
<name>04.03.02.SqlDataProvider</name>
<version>04.03.02</version>
</script>
<script type="Install">
<name>04.03.03.SqlDataProvider</name>
<version>04.03.03</version>
</script>
<script type="Install">
<name>04.03.04.SqlDataProvider</name>
<version>04.03.04</version>
</script>
<script type="Install">
<name>04.03.08.SqlDataProvider</name>
<version>04.03.08</version>
</script>
<script type="Install">
<name>04.03.09.SqlDataProvider</name>
<version>04.03.09</version>
</script>
<script type="Install">
<name>04.04.04.SqlDataProvider</name>
<version>04.04.04</version>
</script>
<script type="Install">
<name>04.04.05.SqlDataProvider</name>
<version>04.04.05</version>
</script>
<script type="Install">
<name>04.04.06.SqlDataProvider</name>
<version>04.04.06</version>
</script>
<script type="Install">
<name>04.05.01.SqlDataProvider</name>
<version>04.05.01</version>
</script>
<script type="Install">
<name>04.05.02.SqlDataProvider</name>
<version>04.05.02</version>
</script>
<script type="Install">
<name>04.05.03.SqlDataProvider</name>
<version>04.05.03</version>
</script>
<script type="Install">
<name>04.05.05.SqlDataProvider</name>
<version>04.05.05</version>
</script>
<script type="Install">
<name>05.00.01.SqlDataProvider</name>
<version>05.00.01</version>
</script>
<script type="Install">
<name>05.00.02.SqlDataProvider</name>
<version>05.00.02</version>
</script>
<script type="Install">
<name>05.00.03.SqlDataProvider</name>
<version>05.00.03</version>
</script>
<script type="Install">
<name>05.01.00.SqlDataProvider</name>
<version>05.01.00</version>
</script>
<script type="Install">
<name>05.01.02.SqlDataProvider</name>
<version>05.01.02</version>
</script>
<script type="Install">
<name>05.01.04.SqlDataProvider</name>
<version>05.01.04</version>
</script>
<script type="Install">
<name>05.01.05.SqlDataProvider</name>
<version>05.01.05</version>
</script>
<script type="Install">
<name>05.01.06.SqlDataProvider</name>
<version>05.01.06</version>
</script>
<script type="Install">
<name>05.01.08.SqlDataProvider</name>
<version>05.01.08</version>
</script>
<script type="Install">
<name>05.01.09.SqlDataProvider</name>
<version>05.01.09</version>
</script>
<script type="Install">
<name>05.02.01.SqlDataProvider</name>
<version>05.02.01</version>
</script>
<script type="Install">
<name>05.02.03.SqlDataProvider</name>
<version>05.02.03</version>
</script>
<script type="Install">
<name>05.02.05.SqlDataProvider</name>
<version>05.02.05</version>
</script>
<script type="Install">
<name>05.02.09.SqlDataProvider</name>
<version>05.02.09</version>
</script>
<script type="Install">
<name>05.03.00.SqlDataProvider</name>
<version>05.03.00</version>
</script>
<script type="Install">
<name>05.03.03.SqlDataProvider</name>
<version>05.03.03</version>
</script>
<script type="Install">
<name>05.03.07.SqlDataProvider</name>
<version>05.03.07</version>
</script>
<script type="Install">
<name>05.03.08.SqlDataProvider</name>
<version>05.03.08</version>
</script>
<script type="Install">
<name>05.03.09.SqlDataProvider</name>
<version>05.03.09</version>
</script>
<script type="Install">
<name>05.05.00.SqlDataProvider</name>
<version>05.05.00</version>
</script>
<script type="Install">
<name>05.05.02.SqlDataProvider</name>
<version>05.05.02</version>
</script>
<script type="Install">
<name>05.05.04.SqlDataProvider</name>
<version>05.05.04</version>
</script>
<script type="Install">
<name>05.07.00.SqlDataProvider</name>
<version>05.07.00</version>
</script>
<script type="Install">
<name>05.08.00.SqlDataProvider</name>
<version>05.08.00</version>
</script>
<script type="Install">
<name>05.08.01.SqlDataProvider</name>
<version>05.08.01</version>
</script>
<script type="UnInstall">
<name>Uninstall.SqlDataProvider</name>
<version latestVersion="latestVersion">5.7.0</version>
</script>
</scripts>
</component>
<component type="Module" installOrder="2">
<desktopModule>
<moduleName>Engage: Publish</moduleName>
<foldername>EngagePublish</foldername>
<businessControllerClass>Engage.Dnn.Publish.Util.FeaturesController</businessControllerClass>
<supportedFeatures>
<supportedFeature type="Portable" />
<supportedFeature type="Searchable" />
</supportedFeatures>
<moduleDefinitions>
<moduleDefinition>
<friendlyName>Engage: Publish</friendlyName>
<defaultCacheTime>0</defaultCacheTime>
<moduleControls>
<moduleControl>
<controlKey></controlKey>
<controlSrc>DesktopModules/EngagePublish/ItemDisplay.ascx</controlSrc>
<controlType>View</controlType>
<helpUrl>http://www.EngageSoftware.com/Support.aspx</helpUrl>
</moduleControl>
<moduleControl>
<controlKey>AdminContainer</controlKey>
<controlSrc>DesktopModules/EngagePublish/AdminLoader.ascx</controlSrc>
<controlType>Edit</controlType>
<helpUrl>http://www.EngageSoftware.com/Support.aspx</helpUrl>
</moduleControl>
<moduleControl>
<controlKey>Settings</controlKey>
<controlSrc>DesktopModules/EngagePublish/ItemDisplayOptions.ascx</controlSrc>
<controlType>Edit</controlType>
<helpUrl>http://www.EngageSoftware.com/Support.aspx</helpUrl>
</moduleControl>
<moduleControl>
<controlKey>ItemPreview</controlKey>
<controlSrc>DesktopModules/EngagePublish/ItemPreview.ascx</controlSrc>
<controlType>Edit</controlType>
<helpUrl>http://www.EngageSoftware.com/Support.aspx</helpUrl>
</moduleControl>
</moduleControls>
</moduleDefinition>
</moduleDefinitions>
</desktopModule>
</component>
<component type="Assembly" installOrder="3">
<assemblies>
<assembly>
<name>EngagePublish.dll</name>
<version latestVersion="latestVersion">5.7.0</version>
</assembly>
<assembly>
<name>CookComputing.XmlRpcV2.dll</name>
<version>0.0.0</version>
</assembly>
<assembly>
<name>Engage.Dnn.UserFeedback.dll</name>
<version>1.0.1</version>
</assembly>
<assembly>
<name>AjaxControlToolkit.dll</name>
<version>1.0.20229</version>
</assembly>
<assembly>
<name>Engage.Dnn.Framework.dll</name>
<version>3.1.5</version>
</assembly>
<assembly>
<name>Engage.Framework.dll</name>
<version>3.1.3</version>
</assembly>
</assemblies>
</component>
<component type="Cleanup" installOrder="4" version="05.05.04" fileName="05.05.04.txt" />
</components>
</package>
<package name="Engage: Publish Tag Cloud" type="Module" version="5.7.0">
<friendlyName>Engage: Publish Tag Cloud</friendlyName>
<description>The tag cloud for the Engage: Publish module.</description>
<iconFile>DesktopModules/EngagePublish/Images/publish-icon32.png</iconFile>
<owner>
<name>Engage Software</name>
<organization>Engage Software</organization>
<url>http://www.engagesoftware.com/</url>
<email>support#engagemodules.com</email>
</owner>
<license src="Licenses\EULA-Standard.htm" />
<releaseNotes src="ReleaseNotes_5.7.0.htm" />
<components>
<component type="Module">
<desktopModule>
<moduleName>Engage: Publish Tag Cloud</moduleName>
<foldername>EngagePublish/Tags</foldername>
<businessControllerClass>Engage.Dnn.Publish.Util.FeaturesController</businessControllerClass>
<supportedFeatures>
<supportedFeature type="Portable" />
<supportedFeature type="Searchable" />
</supportedFeatures>
<moduleDefinitions>
<moduleDefinition>
<friendlyName>Engage: Publish Tag Cloud</friendlyName>
<defaultCacheTime>0</defaultCacheTime>
<moduleControls>
<moduleControl>
<controlKey></controlKey>
<controlSrc>DesktopModules/EngagePublish/Tags/TagCloud.ascx</controlSrc>
<controlType>View</controlType>
<helpUrl>http://EngageSoftware.com/Support.aspx</helpUrl>
</moduleControl>
<moduleControl>
<controlKey>Settings</controlKey>
<controlSrc>DesktopModules/EngagePublish/Tags/TagCloudOptions.ascx</controlSrc>
<controlType>Edit</controlType>
<helpUrl>http://EngageSoftware.com/Support.aspx</helpUrl>
</moduleControl>
</moduleControls>
</moduleDefinition>
</moduleDefinitions>
</desktopModule>
</component>
</components>
</package>
<package name="Engage: Publish Text/HTML" type="Module" version="5.7.0">
<friendlyName>Engage: Text/HTML</friendlyName>
<description>A Text/HTML replacement module for the Engage: Publish workflow system.</description>
<iconFile>DesktopModules/EngagePublish/Images/publish-icon32.png</iconFile>
<owner>
<name>Engage Software</name>
<organization>Engage Software</organization>
<url>http://www.engagesoftware.com/</url>
<email>support#engagemodules.com</email>
</owner>
<license src="Licenses\EULA-Standard.htm" />
<releaseNotes src="ReleaseNotes_5.7.0.htm" />
<components>
<component type="Module">
<desktopModule>
<moduleName>Engage: Publish Text/HTML</moduleName>
<foldername>EngagePublish/TextHTML</foldername>
<businessControllerClass>Engage.Dnn.Publish.TextHTML.FeaturesController</businessControllerClass>
<supportedFeatures>
<supportedFeature type="Portable" />
<supportedFeature type="Searchable" />
</supportedFeatures>
<moduleDefinitions>
<moduleDefinition>
<friendlyName>Engage: Publish Text/HTML</friendlyName>
<defaultCacheTime>0</defaultCacheTime>
<moduleControls>
<moduleControl>
<controlKey></controlKey>
<controlSrc>DesktopModules/EngagePublish/TextHTML/View.ascx</controlSrc>
<controlType>View</controlType>
<helpUrl>http://EngageSoftware.com/Support.aspx</helpUrl>
</moduleControl>
<moduleControl>
<controlKey>Edit</controlKey>
<controlSrc>DesktopModules/EngagePublish/TextHTML/Edit.ascx</controlSrc>
<controlType>Edit</controlType>
<helpUrl>http://EngageSoftware.com/Support.aspx</helpUrl>
</moduleControl>
<moduleControl>
<controlKey>AdminContainer</controlKey>
<controlSrc>DesktopModules/EngagePublish/AdminLoader.ascx</controlSrc>
<controlType>Edit</controlType>
<helpUrl>http://EngageSoftware.com/Support.aspx</helpUrl>
</moduleControl>
</moduleControls>
</moduleDefinition>
</moduleDefinitions>
</desktopModule>
</component>
</components>
</package>
</packages>
</dotnetnuke>
Related
I am able to render the view for userForm.html but I keep getting an error saying:
angular.js:12722 Error: [ng:areq] Argument 'userFormController' is not a function, got undefined
The controller in question is userFormController just like the above error displays.
userFormController
angular.module('myApp')
.controller('userFormController',['$scope', function($scope){
console.log('You are in the userFormController');
}]);
configuration.js
angular.module('myApp').
config(function($routeProvider) {
$routeProvider.when('/',{
templateUrl: "pages/mainPage/mainPage.html",
controller:"mainPageController"
})
.when('/userForm',{
templateUrl: 'pages/userForm/userForm.html',
controller: 'userFormController'
})
.when('',{
templateUrl:'',
controller:''
})
.otherwise({redirectTo:'/'});
});
index.html
<body ng-app="myApp">
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please upgrade your browser to improve your experience.</p>
<![endif]-->
<div ng-view></div>
<div>Angular seed app: v<span app-version></span></div>
<!-- In production use:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
-->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="app.js"></script>
<script src="components/version/version.js"></script>
<script src="components/version/version-directive.js"></script>
<script src="components/version/interpolate-filter.js"></script>
<script src="pages/mainPage/mainPageController.js"></script>
<script src="configuration.js"></script>
</body>
</html>
mainPage.html
<div>
<h2>Hello World</h2>
<button onclick="window.location.href= '#/userForm' ">Next Page</button>
</div>
where are your userFormController.js in script tags ?
You need to include your userFormController.js file in your index.html like this:
<body ng-app="myApp">
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please upgrade your browser to improve your experience.</p>
<![endif]-->
<div ng-view></div>
<div>Angular seed app: v<span app-version></span></div>
<!-- In production use:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
-->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="app.js"></script>
<script src="components/version/version.js"></script>
<script src="components/version/version-directive.js"></script>
<script src="components/version/interpolate-filter.js"></script>
<script src="pages/mainPage/mainPageController.js"></script>
<script src="pages/userForm/userFormController.js"></script>
<script src="configuration.js"></script>
</body>
</html>
I'm trying to load arc from the Strongloop API.
But it fails to load.
I've created my DB and retrieved datas from it but The arc HTML page gives me the following error:
Error: [$injector:modulerr] Failed to instantiate module Arc due to: >[$injector:modulerr] Failed to instantiate module Metrics due to:
[$injector:nomod] Module 'Metrics' is not available! You either
misspelled the module name or forgot to load it. If registering a
module ensure that you specify the dependencies as the second
argument.
http://errors.angularjs.org/1.3.16/$injector/nomod?p0=Metrics
minErr/<#http://localhost:60261/scripts/vendor/angular/angular.js:63:12
module/<#http://localhost:60261/scripts/vendor/angular/angular.js:1778:1
ensure#http://localhost:60261/scripts/vendor/angular/angular.js:1702:38
module#http://localhost:60261/scripts/vendor/angular/angular.js:1776:1
loadModules/<#http://localhost:60261/scripts/vendor/angular/angular.js:4131:22
forEach#http://localhost:60261/scripts/vendor/angular/angular.js:326:11
loadModules#http://localhost:60261/scripts/vendor/angular/angular.js:4115:5
loadModules/<#http://localhost:60261/scripts/vendor/angular/angular.js:4132:40
forEach
<!DOCTYPE html>
<html>
<head>
<title>StrongLoop Arc</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="./style/ng-grid.min.css">
<link rel="stylesheet" type="text/css" href="./style/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="./style/jquery.contextMenu.css">
<link rel="stylesheet" type="text/css" href="./style/bootstrap.css">
<link rel="stylesheet" type="text/css" href="./style/style.css">
<!--<link rel="stylesheet" type="text/css" href="./style/src/explorer.css">-->
</head>
<body ng-app="Arc" ng-controller="ArcMainController" ng-click="pageClick($event)"
class="ui-theme">
<div class="headerContainer" data-id="AppHeaderContainer">
<div class="branding">
<a ui-sref="home"><img src="./images/strongloop.svg" alt="Strongloop logo" class="logo"></a>
</div>
<sl-app-selector></sl-app-selector>
<div class="navButtons">
<ul>
<li ng-show="isAuthUser()">
<div sl-pm-app-controller-menu class="header-pm-app-control-menu-item"></div>
</li>
<li class="header-help-container" ng-show="helpId">
<sl-popover-help name="{{helpId}}" position="left" iconclass="icon icon-documentation"></sl-popover-help>
</li>
<li>
<span class="dropdown" dropdown on-toggle="toggled(open)" data-id="ArcAccountDropdown" title="logout">
<a href class="dropdown-toggle" dropdown-toggle><i class="icon icon-menu"></i></a>
<ul class="dropdown-menu" dropdown-menu>
<li lb-login-nav-item></li>
<li sl-user-logout-nav-item></li>
<li lb-register-nav-item></li>
<li><a ui-sref="licenses">licenses</a></li>
</ul>
</span>
</li>
</ul>
</div>
<div class="header-version"></div>
</div>
<sl-message-global></sl-message-global>
<div ui-view autoscroll="false" class="app-module-container"></div>
<!-- growl notification placeholder -->
<div growl></div>
<!-- version injector (display the version ASAP) -->
<script src="./scripts/version.js"></script>
<!-- jquery -->
<script src="./scripts/vendor/jquery/dist/jquery.js"></script>
<script src="./scripts/vendor/jquery-ui/jquery-ui.js"></script>
<script src="./scripts/lib/jquery/jquery.contextMenu.js"></script>
<!--<script src="./scripts/vendor/jQuery-contextMenu/src/jquery.contextMenu.js"></script>-->
<script src="./scripts/vendor/jquery.transit/jquery.transit.js"></script>
<!-- angular -->
<script src="./scripts/vendor/angular/angular.js"></script>
<script src="./scripts/vendor/lodash/lodash.js"></script>
<!-- react -->
<script src="./scripts/vendor/react/react-with-addons.js"></script>
<!-- d3 -->
<script src="./scripts/modules/tracing/tracing.viz.module.js"></script>
<script src="./scripts/vendor/d3/d3.js"></script>
<script src="./scripts/vendor/d3-tip/index.js"></script>
<!-- nvd3 -->
<script src="./scripts/vendor/nvd3/build/nv.d3.js"></script>
<!-- string -->
<script src="./scripts/vendor/stringjs/dist/string.js"></script>
<!-- inflection -->
<script src="./scripts/vendor/inflection/lib/inflection.js"></script>
<!-- chance -->
<script src="./scripts/vendor/chance/chance.js"></script>
<!-- spin -->
<script src="./scripts/vendor/spin.js/spin.js"></script>
<!-- moment -->
<script src="./scripts/vendor/moment/moment.js"></script>
<script src="./scripts/vendor/angular-moment/angular-moment.js"></script>
<!-- tracing vendor -->
<script src="./scripts/vendor/numeraljs/numeral.js"></script>
<script src="./scripts/lib/tracing/pretty.js"></script> <!-- ./lib -->
<!-- lb services -->
<script src="./scripts/modules/common/workspace.services.js"></script>
<script src="./scripts/modules/common/lb-build.js"></script>
<script src="./scripts/modules/common/arc-services.js"></script>
<!-- angular plugins and directives -->
<script src="./scripts/vendor/angular-ui-utils/ui-utils.js"></script>
<script src="./scripts/vendor/ng-file-upload/ng-file-upload.js"></script>
<script src="./scripts/vendor/ng-file-upload-shim/ng-file-upload-shim.js"></script>
<!--<script src="./scripts/modules/common/pm-services.js"></script>-->
<script src="./scripts/vendor/angular-ui-slider/src/slider.js"></script>
<script src="./scripts/vendor/angular-nvd3/dist/angular-nvd3.js"></script>
<script src="./scripts/vendor/angular-cookies/angular-cookies.js"></script>
<script src="./scripts/vendor/angular-animate/angular-animate.js"></script>
<script src="./scripts/vendor/angular-ui-router/release/angular-ui-router.js"></script>
<script src="./scripts/vendor/angular-touch/angular-touch.js"></script>
<script src="./scripts/vendor/angular-spinner/angular-spinner.js"></script>
<script src="./scripts/vendor/angular-sanitize/angular-sanitize.js"></script>
<script src="./scripts/vendor/ng-grid/build/ng-grid.js"></script>
<script src="./scripts/lib/angular/ng-grid-flexible-height.js"></script>
<script src="./scripts/vendor/checklist-model/checklist-model.js"></script>
<script src="./scripts/vendor/angular-bootstrap/ui-bootstrap.js"></script>
<script src="./scripts/vendor/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="./scripts/vendor/angular-resource/angular-resource.js"></script>
<script src="./scripts/vendor/angular-growl/build/angular-growl.js"></script>
<script src="./scripts/vendor/angular-file-upload/angular-file-upload.js"></script>
<script src="./scripts/vendor/ng-clip/dest/ng-clip.min.js"></script>
<script src="./scripts/vendor/zeroclipboard/dist/ZeroClipboard.js"></script>
<!-- sl ui -->
<script src="./scripts/sl.ui.js"></script>
<script src="./scripts/modules/ui/ui.module.js"></script>
<script src="./scripts/modules/ui/ui.directives.js"></script>
<!-- arc -->
<script src="./scripts/modules/arc/arc.module.js"></script>
<script src="./scripts/modules/arc/arc.controllers.js"></script>
<script src="./scripts/modules/arc/arc.directives.js"></script>
<script src="./scripts/modules/arc/arc.services.js"></script>
<script src="./scripts/modules/arc/arc.react.js"></script>
<!-- composer -->
<script src="./scripts/modules/composer/composer.module.js"></script>
<script src="./scripts/modules/composer/composer.controllers.js"></script>
<script src="./scripts/modules/composer/composer.directives.js"></script>
<script src="./scripts/modules/composer/composer.services.js"></script>
<script src="./scripts/modules/composer/composer.react.js"></script>
<!-- build-deploy -->
<script src="./scripts/modules/build-deploy/build-deploy.module.js"></script>
<script src="./scripts/modules/build-deploy/build-deploy.controllers.js"></script>
<script src="./scripts/modules/build-deploy/build-deploy.directives.js"></script>
<script src="./scripts/modules/build-deploy/build-deploy.services.js"></script>
<!-- common -->
<script src="./scripts/modules/common/common.module.js"></script>
<script src="./scripts/modules/common/common.react.js"></script>
<script src="./scripts/modules/common/common.controllers.js"></script>
<script src="./scripts/modules/common/common.directives.js"></script>
<script src="./scripts/modules/common/common.services.js"></script>
<script src="./scripts/modules/common/common.filters.js"></script>
<script src="./scripts/modules/common/common.factories.js"></script>
<!-- profiler -->
<script src="./scripts/modules/profiler/profiler.module.js"></script>
<script src="./scripts/modules/profiler/profiler.controllers.js"></script>
<script src="./scripts/modules/profiler/profiler.directives.js"></script>
<script src="./scripts/modules/profiler/profiler.services.js"></script>
<!-- arc-user -->
<script src="./scripts/modules/arc-user/arc-user.module.js"></script>
<script src="./scripts/modules/arc-user/arc-user.controllers.js"></script>
<script src="./scripts/modules/arc-user/arc-user.services.js"></script>
<script src="./scripts/modules/arc-user/arc-user.react.js"></script>
<script src="./scripts/modules/arc-user/arc-user.directives.js"></script>
<script src="./scripts/modules/arc-user/arc-user.auth.factory.js"></script>
<!-- model -->
<script src="./scripts/modules/model/model.module.js"></script>
<script src="./scripts/modules/model/model.react.js"></script>
<script src="./scripts/modules/model/model.controllers.js"></script>
<script src="./scripts/modules/model/model.services.js"></script>
<script src="./scripts/modules/model/model.directives.js"></script>
<!-- datasource -->
<script src="./scripts/modules/datasource/datasource.module.js"></script>
<script src="./scripts/modules/datasource/datasource.react.js"></script>
<script src="./scripts/modules/datasource/datasource.controllers.js"></script>
<script src="./scripts/modules/datasource/datasource.services.js"></script>
<script src="./scripts/modules/datasource/datasource.directives.js"></script>
<!-- ia -->
<script src="./scripts/modules/ia/ia.module.js"></script>
<script src="./scripts/modules/ia/ia.react.js"></script>
<script src="./scripts/modules/ia/ia.controllers.js"></script>
<script src="./scripts/modules/ia/ia.services.js"></script>
<script src="./scripts/modules/ia/ia.directives.js"></script>
<!-- pm -->
<script src="./scripts/modules/pm/pm.module.js"></script>
<script src="./scripts/modules/pm/pm.controllers.js"></script>
<script src="./scripts/modules/pm/pm.services.js"></script>
<script src="./scripts/modules/pm/pm.directives.js"></script>
<!-- property -->
<script src="./scripts/modules/property/property.module.js"></script>
<script src="./scripts/modules/property/property.react.js"></script>
<script src="./scripts/modules/property/property.controllers.js"></script>
<script src="./scripts/modules/property/property.services.js"></script>
<script src="./scripts/modules/property/property.directives.js"></script>
<!-- explorer -->
<script src="./scripts/modules/explorer/explorer.module.js"></script>
<!--
<script src="./scripts/modules/explorer/explorer.react.js"></script>
<script src="./scripts/modules/explorer/explorer.controllers.js"></script>
-->
<script src="./scripts/modules/explorer/explorer.services.js"></script>
<!--
<script src="./scripts/modules/explorer/explorer.directives.js"></script>
-->
<!-- landing -->
<script src="./scripts/modules/landing/landing.module.js"></script>
<script src="./scripts/modules/landing/landing.services.js"></script>
<script src="./scripts/modules/landing/landing.controllers.js"></script>
<script src="./scripts/modules/landing/landing.directives.js"></script>
<!-- metrics -->
<script src="./scripts/modules/metrics/metrics.module.js"></script>
<script src="./scripts/modules/metrics/metrics.services.js"></script>
<script src="./scripts/modules/metrics/metrics.controllers.js"></script>
<script src="./scripts/modules/metrics/metrics.react.js"></script>
<script src="./scripts/modules/metrics/metrics.directives.js"></script>
<!-- manager -->
<script src="/manager/client.js"></script>
<script src="./scripts/modules/manager/manager.module.js"></script>
<script src="./scripts/modules/manager/manager.services.js"></script>
<script src="./scripts/modules/manager/manager.controllers.js"></script>
<script src="./scripts/modules/manager/manager.directives.js"></script>
<!-- tracing -->
<!--<script src="./scripts/modules/tracing/tracing.viz.module.js"></script>-->
<script src="./scripts/modules/tracing/tracing.module.js"></script>
<script src="./scripts/modules/tracing/tracing.services.js"></script>
<script src="./scripts/modules/tracing/tracing.controllers.js"></script>
<script src="./scripts/modules/tracing/tracing.directives.js"></script>
<!-- discovery -->
<script src="./scripts/modules/discovery/discovery.module.js"></script>
<script src="./scripts/modules/discovery/discovery.controllers.js"></script>
<script src="./scripts/modules/discovery/discovery.services.js"></script>
<script src="./scripts/modules/discovery/discovery.directives.js"></script>
<!-- styleguide -->
<script src="./scripts/modules/styleguide/styleguide.module.js"></script>
<script src="./scripts/modules/styleguide/styleguide.services.js"></script>
<script src="./scripts/modules/styleguide/styleguide.directives.js"></script>
<script src="./scripts/modules/styleguide/styleguide.controllers.js"></script>
<!-- licensing -->
<script src="./scripts/modules/licenses/licenses.module.js"></script>
<script src="./scripts/modules/licenses/licenses.services.js"></script>
<!--<script src="./scripts/modules/licenses/licenses.directives.js"></script>-->
<script src="./scripts/modules/licenses/licenses.controllers.js"></script>
<!-- API analytics -->
<script src="./scripts/modules/api-analytics/api.analytics.module.js"></script>
<script src="./scripts/modules/api-analytics/api.analytics.controllers.js"></script>
<script src="./scripts/modules/api-analytics/api.analytics.directives.js"></script>
<script src="./scripts/modules/api-analytics/api.analytics.services.js"></script>
<!-- angular-segmentio -->
<script src="./scripts/vendor/angular-segmentio/angular-segmentio.js"></script>
<!-- segment.io -->
<script src="./scripts/lib/segmentio/segmentio.js"></script>
</body>
</html>
I've installed strong-arc via npm doing as so:
npm install strong-arc
What can I do?
Thanks in advance for your feedback,
I resolved the issue by Using Chrome.
I only add two more files two more files at the end to scripts/Auth/authCtrl.js and scripts/Auth/authService.js
and all works on development but it says is missing all those files when running the dist. Please help me fins whats wrong thanks
BUG LINK
Ok I found the problem, it turns out that when I create the distribution application with grunt server:dist the index file was being copy over as it its and it did not have any reference of the minified files; so I replace all the script links for the ones minified only and all works now.
<script src="scripts/vendor.js"></script>
<script src="scripts/ui.js"></script>
<script src="scripts/app.js"></script>
instead of
<!-- build:js scripts/vendor.js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/underscore/underscore.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<!-- endbuild -->
<!-- build:js scripts/ui.js -->
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/jquery-spinner/dist/jquery.spinner.min.js"></script>
<script src="bower_components/seiyria-bootstrap-slider/dist/bootstrap-slider.min.js"></script>
<script src="bower_components/jquery-steps/build/jquery.steps.min.js"></script>
<script src="bower_components/toastr/toastr.min.js"></script>
<script src="bower_components/bootstrap-file-input/bootstrap.file-input.js"></script>
<script src="bower_components/jquery.slimscroll/jquery.slimscroll.min.js"></script>
<script src="bower_components/holderjs/holder.js"></script>
<script src="bower_components/raphael/raphael-min.js"></script>
<script src="bower_components/morris.js/morris.js"></script>
<script src="scripts/vendors/jquery.sparkline.min.js"></script>
<script src="bower_components/flot/jquery.flot.js"></script>
<script src="bower_components/flot/jquery.flot.resize.js"></script>
<script src="bower_components/flot/jquery.flot.pie.js"></script>
<script src="bower_components/flot/jquery.flot.stack.js"></script>
<script src="bower_components/flot.tooltip/js/jquery.flot.tooltip.min.js"></script>
<script src="bower_components/flot/jquery.flot.time.js"></script>
<script src="bower_components/gauge.js/dist/gauge.min.js"></script>
<script src="bower_components/jquery.easy-pie-chart/dist/angular.easypiechart.min.js"></script>
<script src="bower_components/angular-wizard/dist/angular-wizard.min.js"></script>
<script src="bower_components/textAngular/dist/textAngular-rangy.min.js"></script>
<script src="bower_components/textAngular/dist/textAngular-sanitize.min.js"></script>
<script src="bower_components/textAngular/dist/textAngular.min.js"></script>
<script src="bower_components/angular-local-storage/dist/angular-local-storage.min.js"></script>
<script src="scripts/vendors/skycons.js"></script>
<script src="bower_components/angular-loading-bar/build/loading-bar.min.js"></script>
<!-- endbuild -->
<!-- build:js({.tmp,client}) scripts/app.js -->
<script src="scripts/app.js"></script>
<script src="scripts/shared/main.js"></script>
<script src="scripts/shared/directives.js"></script>
<script src="scripts/shared/localize.js"></script>
<script src="scripts/UI/UICtrl.js"></script>
<script src="scripts/UI/UIDirective.js"></script>
<script src="scripts/UI/UIService.js"></script>
<script src="scripts/Form/FormDirective.js"></script>
<script src="scripts/Form/FormCtrl.js"></script>
<script src="scripts/Form/FormValidation.js"></script>
<script src="scripts/Table/TableCtrl.js"></script>
<script src="scripts/Task/Task.js"></script>
<script src="scripts/Chart/ChartCtrl.js"></script>
<script src="scripts/Chart/ChartDirective.js"></script>
<script src="scripts/Auth/authCtrl.js"></script>
<script src="scripts/Auth/authService.js"></script>
<!-- endbuild -->
I am having trouble with ngRoute. Everything looks to be spelled correctly, and I believe my syntax is correct. Pages are not routing and I am getting the injector:modulerr error.
Index.html:
<body ng-app='creativeBillingApp' >
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/json3/lib/json3.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
**<script src="bower_components/angular-route/angular-route.js"></script>**
<script src="bower_components/plugins/jquery.slimscroll.min.js"></script>
<script src="bower_components/plugins/jquery.easing.min.js"></script>
<script src="bower_components/plugins/appear/jquery.appear.js"></script>
<script src="bower_components/plugins/jquery.placeholder.js"></script>
<script src="bower_components/plugins/fastclick.js"></script>
routes.js
use strict';
var app = angular.module('creativeBillingApp', ['ngRoute']);
app.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/main.html',
controller: 'MainCtrl'
})
.when('/carriers', {
templateUrl: 'views/carriers.html',
controller: 'MainCtrl'
})
.otherwise({redirectTo: '/'});
}])
app.js
'use strict';
angular.module('creativeBillingApp', [
'ngAnimate',
'ngCookies',
'ngResource',
'ngRoute',
'ngSanitize',
'ngTouch'
]);
complete index.html:
<!DOCTYPE HTML>
<html ng-app='creativeBillingApp' class="no-js">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css(.) styles/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="bower_components/www/css/font-awesome.css">
<link rel="stylesheet" href="bower_components/www/css/themify-icons.css"/>
<link rel="stylesheet" href="bower_components/www/css/animate.min.css"/>
<link rel="stylesheet" href="bower_components/www/css/skins/palette.css"/>
<link rel="stylesheet" href="bower_components/www/css/fonts/font.css"/>
<link rel="stylesheet" href="bower_components/www/css/main.css"/>
<script src="bower_components/www/plugins/modernizr.js"></script>
<!-- endbuild -->
</head>
<body>
<!-- main content -->
<div class="mainContainer" ng-view></div>
<!-- /main content -->
</section>
</div>
</script>
<!-- build:js(.) scripts/oldieshim.js -->
<!--[if lt IE 9]>
<script src="bower_components/es5-shim/es5-shim.js"></script>
<script src="bower_components/json3/lib/json3.min.js"></script>
<![endif]-->
<!-- endbuild -->
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/json3/lib/json3.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="bower_components/plugins/jquery.slimscroll.min.js"></script>
<script src="bower_components/plugins/jquery.easing.min.js"></script>
<script src="bower_components/plugins/appear/jquery.appear.js"></script>
<script src="bower_components/plugins/jquery.placeholder.js"></script>
<script src="bower_components/plugins/fastclick.js"></script>
<!-- endbower -->
<!-- endbuild -->
<!-- build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.js"></script>
<script src="scripts/routes.js"></script>
<script src="scripts/offscreen.js"></script>
<script src="scripts/main.js"></script>
<script src="scripts/controllers/main.js"></script>
<script src="scripts/filters/reverse.js"></script>
<script src="scripts/controllers/account.js"></script>
<script src="scripts/controllers/user.js"></script>
<!-- endbuild -->
</body>
</html>
This is the error I am getting:
GET http://localhost:9000/bower_components/www/css/main.css.map 404 (Not Found) (index):220
Uncaught Error: [$injector:modulerr] Failed to instantiate module creativeBillingApp due to:
TypeError: undefined is not a function
at http://localhost:9000/scripts/routes.js:30:8
at Object.invoke (http://localhost:9000/bower_components/angular/angular.js:3869:17)
at http://localhost:9000/bower_components/angular/angular.js:3788:37
at Array.forEach (native)
at forEach (http://localhost:9000/bower_components/angular/angular.js:323:11)
at loadModules (http://localhost:9000/bower_components/angular/angular.js:3775:5)
at createInjector (http://localhost:9000/bower_components/angular/angular.js:3715:11)
at doBootstrap (http://localhost:9000/bower_components/angular/angular.js:1379:20)
at bootstrap (http://localhost:9000/bower_components/angular/angular.js:1394:12)
at angularInit (http://localhost:9000/bower_components/angular/angular.js:1307:5)
http://errors.angularjs.org/1.2.16/$injector/modulerr?p0=creativeBillingApp…2F%2Flocalhost%3A9000%2Fbower_components%2Fangular%2Fangular.js%3A1307%3A5) angular.js:78
Your app name creativeBillingApp should be registered one time.
Remove the following line from routes.php and check
var app = angular.module('creativeBillingApp', ['ngRoute']);
Since, app is a global variable and you can use it directly in routes.js
Note: routes.js should call after app.js
Working demo: http://plnkr.co/edit/dZ9AY0qIXD7YJD1UAt3C?p=preview
I am using AngularJS and when I began to use routeprovider, if I reload the page occur a infinite load.
It's funny, because when I try to load the main page the first time, the page starts fine.
Here is my code:
var app = angular.module("platwip", []);
app.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/status', {templateUrl: 'resources/views/html_files/status/status.dust', controller: TestCtrl}).
when('/network/wan', {templateUrl: '/resources/viewsAngular/network/wanAngular.html', controller: WanCtrl}).
otherwise({redirectTo: '/status'});
}]);
app.run(function($templateCache,$http){
$http.get('resources/viewsAngular/menus/sideMenu.html', {cache:$templateCache});
$http.get('resources/viewsAngular/menus/topMenu.html', {cache:$templateCache});
});
My Html:
<!DOCTYPE html>
<html ng-app="platwip">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link media="screen" type="text/css" rel="stylesheet" href="/resources/css/estilo.css"></link>
<script src="/resources/js/jquery/jquery-1.8.1.min.js" ></script>
<script src="/resources/js/jquery/jquery.i18n.min.js" ></script>
<script src="/src/controller/main/main.ws/messages" ></script>
<script src="/resources/js/jquery/jquery-ui-1.8.23.custom.min.js" ></script>
<script src="/resources/js/jquery/jquery.input-ip-address-control-1.0.min.js" ></script>
<script src="/resources/js/jquery/jquery.date.format.js" ></script>
<script src="/resources/js/jquery/jquery.address-1.5.min.js" ></script>
<script src="/resources/js/jquery/jquery.maskedinput-1.3.min.js" ></script>
<script src="/resources/js/jquery/jquery.validate.min.js" ></script>
<script src="/resources/js/validator_rules.js" ></script>
<script src="/resources/js/jquery/jquery.tablesorter.min.js" ></script>
<script src="/resources/js/angular/angular.min.js" ></script>
<script src="/resources/js/angular/controllers.js" ></script>
<script src="/resources/js/angular/partials.js" ></script>
<script src="/resources/js/angular/filters.js" ></script>
<script src="/resources/js/dust/dust-full-1.2.0.js" ></script>
<script src="/resources/js/dust/dust-helpers-1.1.1.js" ></script>
<script src="/resources/js/main.js" ></script>
</head>
<body>
<!-- <div id="qunit"></div>
<div id="qunit-fixture"></div> -->
<div id="container">
<div id="cabecalho">
<div id="barraSuperior"></div>
<div id="menuSuperior" ng-include src="'resources/viewsAngular/menus/topMenu.html'"/>
</div>
</div>
<noscript >
{{'Ops!! Seu navegador não está com o JavaScript habilitado. Para utilizar a aplicação você deve habilitar o JavaScript.' | i18n}}
<style type="text/css">
#conteudo { display:none; }
</style>
</noscript>
<div id="conteudo">
<div id="menuLateral" ng-include src="'resources/viewsAngular/menus/sideMenu.html'">
</div>
<div class="content">
<div id="titulo">
<h1></h1>
</div>
<div id='conteudoWeb' ng-view>
<div class='tab'>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>
Has somebody an idea what is the problem?
Thank you!
Solved.
I have a JS file (main.js) with a function which it was loading in loop my app.
The selector variable, after I have put the Angular, was changing everytime.
The function was:
var browserHistory = function(){
$.address.init().change(function(event){
var selector = "[rel='address:" + event.value + "']";
var link = $(selector);
if(link.length > 0)
loadContent(link);
else
$.address.value("/");
});
};
Dãm.
Bye!