Alles wat u moet weten over MVC in AngularJs



Dit artikel biedt u een gedetailleerde en uitgebreide kennis van MVC in JavaScript met voorbeelden om te begrijpen.

Het concept van MVC is een geweldige en het basisidee om drie afzonderlijke entiteiten te hebben en ze nooit door elkaar te halen. In dit artikel zullen we begrijpen wat MVC in AngularJS is in de volgende volgorde:

Wat is MVC in AngularJS?

AngularJs ondersteunt het MVC-patroon. MVC, d.w.z. Model View Controller, is een softwareontwerppatroon dat wordt gebruikt voor de ontwikkeling van webapplicaties. Het bestaat uit de volgende onderdelen:





  • Model - Het laagste niveau van het patroon, het model bestaat uit een database. De verantwoordelijkheid voor het beheer van de applicatiegegevens ligt bij het model. In eenvoudiger bewoordingen beheert het de gegevens en de logica van de applicatie.

  • Visie - The View is verantwoordelijk voor het tonen van delen van de gegevens of de volledige gegevens aan de gebruiker. Om de gegevens van de controller weer te geven, kunnen we Angular-expressies aan de weergave toevoegen, die het model coördineren en bekijken over eventuele wijzigingen. In eenvoudiger bewoordingen is de weergave de gebruikersinterface, die de uitvoer laat zien.



    verschil tussen pass by value en pass by reference in java
  • Verantwoordelijke - De controle over het model en de weergave wordt verzorgd door de controller, d.w.z. hij regelt het ophalen van de gegevens, samen met het display. In eenvoudiger bewoordingen beheert de controller de interactie tussen het model en het kijkgedeelte.

MVC in AngularJs

Het patroon van MVC Architectural is gebruiktefficiënt en effectief voor een lange tijd in software engineering.



Werken van MVC in AgularJS

MVC kan in AngularJs worden geïmplementeerd door het gebruik van JavaScript en HTML. Het modelgedeelte kan worden geïmplementeerd door , terwijl het model en het controller-gedeelte kunnen worden geïmplementeerd door .

Het volgende voorbeeld toont de werking van MVC:

Hoekige MVC-architectuur

methode overbelasting versus methode overschrijven

functie adres ($ scope) {

$ scope.Person = {

'Naam': 'Ari Jon',

'Adres': 'Park, NYC',

}

}

De uitvoer is de naam van de persoon, dat wil zeggen, Ari Jon.

Hiermee komen we aan het einde van dit MVC in AngularJS-artikel. De implementatie van MVC-architectuur in hoekig wordt gedaan door de methode die in dit artikel wordt genoemd. Door deze architectuur wordt scheiding van verantwoordelijkheden mogelijk gemaakt. Hoewel het model bestaat uit de toepassingsgegevens, vertegenwoordigt de weergave de lay-out of de gebruikersinterface. De controller fungeert als een verbinding tussen de weergave en het model.

Cach uit de door Edureka, een vertrouwd online leerbedrijf met een netwerk van meer dan 250.000 tevreden leerlingen verspreid over de hele wereld. Angular is een JavaScript-framework dat wordt gebruikt om schaalbare, zakelijke en performante webtoepassingen aan de clientzijde te maken. Omdat Angular framework-acceptatie hoog is, wordt het prestatiebeheer van de applicatie indirect gestuurd door de gemeenschap, wat leidt tot betere kansen op werk. De Angular Certification Training is bedoeld om al deze nieuwe concepten rond Enterprise Application Development te behandelen.