My angular chunk is not working in my MVC project.

Question

0.00/5 (No votes)

See more:

Hi I want to use angular in my project to keep data of some partial views in one cache place. But when I started working on this I found that the code was working on sample project is no more working with my Project. It works fine on my layout page but do not good with my partial page.

What I have tried:

<script type="text/javascript" language="javascript">
        debugger;
        var myApp = angular.module('myApp', []);
        myApp.controller('abc', ['$scope'], function ($scope) {
            debugger;
            $scope.SomeId = "some id";
        });
</script>

Then in HTML I used ng-app = "myApp" in main div and then ng-controller = "abc" and ng-model = "SomeId" in input tag. I then tried to show {{SomeId}} or even simple expression like {{1+2}} and nothing is working. On debugging I came to know that the first debugger got the break but second one is not. Also browser is not showing any error.
Kindly help me the way out.

Posted 26-Jul-17 19:29pm

Ammar4556257

Updated 26-Jul-17 20:57pm

v7

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Satya Prakash Swain · Answer 1 · 2017-07-26T20:51:00

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script type="text/javascript" language="javascript">
        debugger;
        var myApp = angular.module('myApp', []);
        myApp.controller('abc', function ($scope) {
            debugger;
            $scope.SomeId = "some id";
        });
        </script>
<body>

<div ng-app="myApp">
<div ng-controller="abc">
<p>{{SomeId}}</p>
</div>
</div>

</body>
</html>

It worked. Only modified line is

myApp.controller('abc', function ($scope) {