angularjs - How to declare and use modules, controllers, services and bootstrap manually in Angular? -

-

i'm trying build angularjs app has 1 controller, 1 service , bootstraps manually (no ng-app). problem keep having error :

argument 'appcontroller' not function, got string

html

<!doctype html> <html xmlns:ng="http://angularjs.org">     <head>         <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js" type="text/javascript"></script>         <script src="inc/bootstrap.js" type="text/javascript"></script>         <script src="inc/controllers.js" type="text/javascript"></script>         <script src="inc/services.js" type="text/javascript"></script>     </head>     <body ng-controller="appcontroller">         [...]     </body> </html>

bootstrap.js

angular.element(document).ready(function() {     angular.bootstrap(document, ['htmlcontrollerapp']); });

controllers.js

angular.module('htmlcontrollerapp', []) .controller('appcontroller', 'connectionservice', ['$scope', function ($scope, connectionservice) {     // code }]);

services.js

angular.module('htmlcontrollerapp') .factory('connectionservice', ['$rootscope', function ($rootscope) {     // code }]);

thanks

edit - solution

in controllers.js, use instead :

angular.module('htmlcontrollerapp') .controller('appcontroller', ['$scope', 'connectionservice', function ($scope, connectionservice) {     // code }]);

in bootstrap.js, "good practice" :

angular.module('htmlcontrollerapp', []); angular.element(document).ready(function() {     angular.bootstrap(document, ['htmlcontrollerapp']); });

this create module once in bootstrap.js , angularjs try retrieve in controllers.js , services.js.

this page you're looking for.

https://docs.angularjs.org/api/ng/function/angular.bootstrap

and change this

angular.module('htmlcontrollerapp', [])   .controller('appcontroller', 'connectionservice', ['$scope', function ($scope,     connectionservice) {     // code }]);

to ->

angular.module('htmlcontrollerapp', [])   .controller('appcontroller', ['$scope', 'connectionservice', function ($scope, connectionservice) {     // code }]);

Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5);
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:
Read more