Što je izolirani opseg u Angular8?

Ako ste koristili već ste neko vrijeme vjerojatno čuli za značajku opsega. To je ugrađeni modul u Angular8 i potječe iz zadane postavke Roditeljski opseg. Ali najčešće to nije potrebno za razvoj zajedničkih komponenata i tako je izolirani opseg ušao u sliku. U ovom ćemo članku raspraviti sve o izoliranom opsegu u Angular8 sljedećim redoslijedom:

• Što je izolirani opseg u Angular8?
• Primjeri
• Funkcija predsjeka u Angular8

Započnimo.

Što je izolirani opseg u Angular8?

Izolirani opseg u Angular8 nije prototipski izveden iz nadređenog opsega, ali ima značajku za pristup nadređenom opsegu putem $ parent. Direktiva o izoliranom opsegu u Pythonu ima tri osnovna svojstva, koja su navedena u nastavku.

1. opseg: false: Ova se direktiva standardno koristi u izoliranom opsegu i uglavnom se koristi za ponovnu upotrebu opsega iz komponente u kojoj se trenutno koristi.

2. opseg: istina: Ova se direktiva koristi za stvaranje podređenog opsega i prototipski nasljeđuje nadređeni opseg.

3. opseg: {…}: To se koristi za stvaranje izoliranog opsega, a to je prototipno od roditeljskog opsega.

   
   
   

Da biste bolje razumjeli gornje smjernice, pogledajte objašnjenja u nastavku.

jednodimenzionalni niz u javi

opseg: istina

Obim roditelja<<======prototype====== Child Scope

<<====== $Parent ====== Child Scope

opseg: {}

Obim roditelja<<=====$Parent Scope ========= Isolates Scope

Ovdje trebamo koristiti tri vrste sučelja između izoliranog opsega i nadređenog opsega.

1. povezivanje podataka (=)

2. interpolirati (@)

3. izraz (&)

Primjeri

opseg: {myValue1: '@ attribute1', myValue2: '= attribute2', myValue3: '& attribute3'}

Interpoliranje ili atributi (@)

To se koristi za povezivanje izoliranog opsega s DOM atributom. Ovo u osnovi postavlja jednosmjernu direktivu koja će se koristiti između izoliranog opsega i roditeljskog opsega. To znači da će se, ako postoje bilo kakve promjene u Nadređenom opsegu, istog trenutka isto odraziti i na izoliranom opsegu.

Primjer

.directive ('myDirective', function () {return {opseg: {myAttribute: '@',}}})

Sada se možemo poslužiti direktivom kako bismo to dvoje povezali.

Izraz (&)

Izraz (&) koristi se za pozivanje funkcije iz nadređenog opsega u izolirani opseg. Uglavnom se koristi za stvaranje povratnih poziva među ostalim funkcijama.

Primjer

.directive ('myDirective', function () {return {opseg: {myIsolatedFunction: '&'}}})

Sad ćemo upotrijebiti OSUDA

Kliknite U redu. Metoda će se sada obratiti kontroloru na sljedeći način. .controller ('myTestController', ['$ scope', function ($ scope) {$ scope.myUpdatedValue = function (myValue) {$ scope.updatedValue = myValue}}])

Uvez (=)

Vezanje (=) je slično atributima, jedina razlika je u tome što stvara dvosmjerni komunikacijski kanal umjesto jednog.

Primjer

.directive ('myDirective', function () {return {opseg: {myBinding: '=',}}})

Funkcija predsjeka u Angular8

Sad kad znate osnovni koncept izoliranog opsega u Angular8, istražimo i funkciju foreach.

Prednji u kutnom8

Da biste omogućili funkciju foreach u Angular8, slijedite korake opisane u nastavku.

pomoću klase skenera u javi

Korak 1

Pokrenite Visual Editor 2012 i idite na Project pod New and File. Kada se otvori prozor, datoteku nazovite kao forOrforeach, a zatim kliknite gumb U redu.

Korak 2

Kada je korak 1 dovršen, otvorite Solution Explorer koji sadrži css datoteku, js datoteku, ts datoteku, kao i html datoteku.

Korak # 3

Sada pokrenite sljedeći kod za funkciju foreach.

zaOrforeach.ts

klasa A {funkcija () {var niz = [1, 2, 3, 4] za (var v u nizu) // za djela kao foreach {upozorenje (niz [v])}}} window.onload = () => {var poziv = novi A () poziv.funkcija ()}

Zadani.html

Aplikacija TypeScript HTML

App.js

var A = (function () {function A () {} A.prototype.function = function () {var array = [1, 2, 3, 4] for (var v in array) {alert (array [v] )}} return A}) () window.onload = function () {var call = new A () call.function ()}

Izlaz za gornje kodove izgledat će otprilike ovako.

forEach u TypeScript-u

Sada ćemo istražiti kako implementirati foreach naredbu u TypeScript.

Newforeach.ts

klasa A {no: number [] = [1, 2, 3] lognumber () {this.no.forEach ((nos) => {// foreach statement document.write ('number =:' + nos)}) }} window.onload = () => {var call = new A () call.lognumber ()}

Rezultat gore navedenog bit će,

Sada kada znate kako koristiti foreach, tako i izolirane module opsega, nadamo se da ćete ih koristiti u svakodnevnom Angular8 kodiranju kako biste ga učinili učinkovitijim.Naučite osnove, kao i upotrebu oba foreach-a, kao i izolirani opseg u Angular8.

Ovo nas dovodi do kraja bloga Angular Tutorial. Nadam se da je ovaj blog bio informativan i dodao vam vrijednost. Sada vam moraju biti jasni građevni blokovi programa Angular i spremni za izradu aplikacije Angular. Preporučio bih vam da to prođete Kutni vodič Edureka popis za reprodukciju videozapisa gledati videozapise i naučiti kako stvoriti Angular aplikaciju.

Pogledajte Edureka, pouzdana tvrtka za internetsko učenje s mrežom od više od 250 000 zadovoljnih učenika raširenih širom svijeta. Angular je JavaScript okvir koji se koristi za stvaranje skalabilnih, poslovnih i izvedbenih web aplikacija na strani klijenta. Kako je usvajanje Angular framework-a visoko, upravljanje izvedbom aplikacije neizravno je vođeno zajednicom, što dovodi do boljih prilika za posao. Trening kutne certifikacije ima za cilj obuhvatiti sve ove nove koncepte oko razvoja poslovnih aplikacija.