Difference between these two?

Vipin Tyagi

10y1.3kAngular

Yesterday,I posted a question on AngularJS.

Then I found the solution but still I don't know the difference b/w these 2 code snippets

NOT WORKING:

MyPage

Note: This is working fine when I watched a Video and the guy is using Plnkr.co to run this.

Working:

MyPage

Please Someone explain it!!!!

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bhuvanesh Mohankumar10y ago
Accepted answer
Here is the difference due to version update, the demo you saw and coded version is different and current version of angular js is different Viipiin.
Mark as answer, if helpful.
0
Bhuvanesh Mohankumar10y ago
Thanks Viipin.
0
Vipin Tyagi10y ago
Wow!!!!
It's amazing.I was watching videos with full concentration and I missed the info.
Thanks a lot, Bhuvanesh Sir.
0
Bhuvanesh Mohankumar10y ago
Yes Viipiin,
its same but I have just recommended youto add the controllerto the app module here, to make you understand the difference of your code and what I have provided.
I am unable to watch the video now, I will watch and update you byend of day.
Really, if that works forauthor shown demo, it should work for you too. lets see where is the catch and try to understand.
0
Vipin Tyagi10y ago
Hi Sir,
This is the same as you previously send it to me in other question.
I'm stuck just bcoz why it is running for that person whom video I'm watching.
CONFUSION!☺☺
0
Bhuvanesh Mohankumar10y ago
Hi Viipiin,

Try these changes and let me know,
Replace
with
Inthe script tag add this line,
var app = angular.module("myApp");
After your maincontroller function and before add this line,
app.controller('mainController', ['$scope']);

Let me know, is that works or not.
0
Bhuvanesh Mohankumar10y ago
Hi Viipiin,
Angualr JS has somestructure of code that can understand,
First Define a Module with App Name.
var app = angular.module("myApp", []);
You should define a controller and its functionalities.
var mainController=function($scope){
$scope.message="Hello";
};
Now App Module is there & Controller is defined, how you will connect that the controller you have defined belongs to that App module, so you need to specify that explicitly.
app.controller("mainController", function($scope) {
$scope.message="Hello";
});
Above code has bothfunctionality and also defining the controller with that corresponding app module.
Now angular JS under stand app module has this controller.
Use the APP name & Controller name in your UI - HTML code
Angular JS application will work fine, if any one is missing then system cannot understand and say that the function is not defined kind of errors,
Hopethis was helpful and you can understand.
Mark as answer, if helpful.
0