Rekapitulace AngularJS za 2 minuty

Nedávno jsem dostal novou práci 🎉 Jeden z prvních projektů, na kterém budu pracovat, je build s AngularJS. Z toho důvodu se podívám do starého rámce.

Před několika lety jsem pracoval na projektech vytvořených pomocí AngularJS. Není to pro mě úplná novinka. Pokusím se, aby tento článek byl opravdu krátký a spíše jako přehled hlavních témat. Pokud přehlédnu důležité téma, napište prosím komentář níže .

Dvoucestná datová vazba

2-Way data binding je synchronizace mezi modelem a pohledem. Když se změní data v modelu, pohled odráží změnu, a když se změní data v pohledu, model se také aktualizuje.

<input type="text" ng-model="hey">
<span>{{ hey }}</span>

Směrnice

Direktivy jsou buď atributem ng- nebo HTML tag <custom> , který říká knihovně, aby něco provedla s prvkem DOM. Většina direktiv v AngularJS začíná ng- kde ng znamená Angular.

Výrazy

Zde můžeme přistupovat k proměnným a funkcím z rozsahu. Může se jednat o interpolační vazby jako <span title="{{ header.title }}">{{ header.title }}</span> .

Moduly

Moduly jsou kontejnery pro různé části vaší aplikace včetně ovladačů, služeb, filtrů a direktiv.

var myAppModule = angular.module('myApp', []);
<div ng-app="myApp">
    ...
</div>

Ovladače

Zde je definována veškerá obchodní logika za pohledy. $scope v tomto příkladu je v podstatě vazba mezi ovladačem a pohledem. $scope je závislost a musíme ji přidat jako pole ['$scope', ...] . Bude to fungovat bez přidání '$scope' s polem [...] , ale může selhat během minifikace kódu AngularJS.

myApp.controller('WingardiumController', ['$scope', function($scope) {
    $scope.spell = 'Leviosa';
}]);
<div ng-controller="WingardiumController">
    {{ spell }}
</div>

Vím, že o AngularJS je toho mnohem víc, ale toto je jen stručný přehled některých hlavních témat. Uniklo mi něco extrémně důležitého? Potom prosím komentujte níže.