Run controller in angular js

Question

I am new to Angularjs so i made one example to call a controller but i am not able to call controller ...

this is my sample code

<head>

    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="js/jquery-1.9.0.js"></script>
    <script type="text/javascript" src="angularjs/angular.min.js"></script>
</head>

<body ng-app="">
    <div data-ng-controller="mycontroller">
    </div>
    <script>
        function mycontroller($scope, $http) {
            alert("alert");
        }
    </script>
</body>

You are missing the main module also, which is reference by ng-app directive. — Himmet Avsar
– Himmet Avsar, Commented Apr 1, 2015 at 13:39

Artiom · Accepted Answer · 2015-04-01 13:57:07Z

3

try this

<body ng-app="learning">
    <div data-ng-controller="mycontroller">
    </div>
    <script>
        angular.module("learning", [])
            .controller("mycontroller", function($scope, $http) {
                alert("alert");
            });
    </script>
</body>

edited Apr 1, 2015 at 13:57

Artiom

7,8673 gold badges40 silver badges46 bronze badges

answered Apr 1, 2015 at 13:40

harishr

18.1k9 gold badges84 silver badges131 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Karan Kumar Mahto Over a year ago

but i want to do with this .is any wrong in this code

harishr Over a year ago

in your code (1) ng-app="" does not have any name & (2) global function as controller is deprecated from angular1.3

m.rufca · Accepted Answer · 2015-04-01 14:00:57Z

1

You can try this, but I recommend you to read angular tutorials to understand how controllers and binds works.

http://www.w3schools.com/angular/ https://docs.angularjs.org/tutorial

<html>
<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp"> 
    <div ng-controller="mycontroller" ng-init="initMethod()">
        <!--<input type="text" ng-model="test"></p>
        <div>{{test}}</div>-->
    </div>
</div>
<script>
    var app = angular.module('myApp', []);
    app.controller('mycontroller', function($scope) {
        alert("alert")

        $scope.initMethod = function(){
            alert("alert from init");
        }
    });
</script>
</body>
</html>

answered Apr 1, 2015 at 14:00

m.rufca

2,7282 gold badges21 silver badges26 bronze badges

2 Comments

Karan Kumar Mahto Over a year ago

ya it's good but i want to know that what mistake am i doing ?

m.rufca Over a year ago

You need declare a app (ng-app binding) in the document and then add the controller to the app. For ng-init binding is just a alternative to initialize your code instead of write directly in the controller

Collectives™ on Stack Overflow

Run controller in angular js

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related