CODEWITHSUNDEEP
angularjs
Karan Kumar Mahto
Karan Kumar Mahto

Reputation: 103

Run controller in angular js

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>

Upvotes: 0

Views: 795

Answers (2)

m.rufca
m.rufca

Reputation: 2678

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>

Upvotes: 1

harishr
harishr

Reputation: 18055

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>

Upvotes: 3

Related Questions