• Articles
  • Tutorials
  • Interview Questions

Angular MVC

What is Angular MVC?

mvc
AngularJS designs the applications in MVC style. MVC is an important concept of this technology, hence it is imperative to have familiarity with it. MVC stands for Model View Controller. Let’s find out what is it:

  • Model – A model in AngularJS is a primitive data type such as number, string, boolean, object, etc. It is a simple JavaScript object without any getter and setter methods.
  • View – In AngularJS Document Object Model (DOM) is what users see. In order to display the data from the controller, Angular expressions can be added to the view which will coordinate the model and view any modification.
  • Controller – Controller is a collection of JavaScript classes where application logic is defined. The model resides inside this controller.

Combine model view controller in one application

<html ng-app>
<body ng-controller="TextController">
<p>{{msg}}</p>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js">
</script>
<script>
function TextController($scope) {
$scope.msg = 'Hello Intellipaat';
}
</script>
</body>
</html>

Output
Hello Intellipaat
So, the model is the data, the view is the User Interface and the controller is the business logic.

Watch this Full Stack Web Development Course video to learn more about its concepts:

Moving ahead in this tutorial, next you will learn AngularJS First Applications.

Want to be ready for a Job? Check out our blog on Angular Interview Questions!

Course Schedule

Name Date Details
Web Development Courses 22 Jun 2024(Sat-Sun) Weekend Batch
View Details
Web Development Courses 29 Jun 2024(Sat-Sun) Weekend Batch
View Details
Web Development Courses 06 Jul 2024(Sat-Sun) Weekend Batch
View Details

About the Author

Senior UI Developer

Atif Khan, a seasoned Senior UI Developer with 7+ years of experience, excels in crafting captivating digital experiences. He is proficient in HTML, CSS, and JavaScript, and he transforms complex requirements into user-friendly interfaces while staying updated with industry trends to deliver innovative solutions.

Find Best AngularJS Training in Other Regions

Bangalore Hyderabad Chennai Mumbai