Què és l'abast aïllat a Angular8?

En aquest article, aprendreu tot sobre l'abast aïllat a Angular8 juntament amb exemples. També comprendreu cada funció a Angular8.

Si heu estat utilitzant des de fa un temps, probablement heu sentit a parlar de la funció d’abast. És un mòdul incorporat a Angular8 i s'ha originat per defecte de Parent Scope. Però la majoria de les vegades no es requereix en el desenvolupament de components comuns i així és com va aparèixer l’abast aïllat. En aquest article, discutirem tot sobre l'abast aïllat a Angular8 en l'ordre següent:



Anem a començar.



Què és l'abast aïllat d'Angular8?

L'abast aïllat a Angular8 no s'ha derivat prototípicament de l'abast principal, però sí que permet accedir a l'abast principal mitjançant $ parent. La directiva d’abast aïllat de Python té tres propietats bàsiques, que es detallen a continuació.



  1. abast: fals: Aquesta directiva s’utilitza per defecte en àmbits aïllats i s’utilitza principalment per reutilitzar l’abast del component en què s’utilitza actualment.

  2. abast: cert: Aquesta directiva s'utilitza per crear un abast secundari i hereta prototípicament l'abast principal.

    com convertir-se en enginyer d'ai
  3. abast: {...}: S’utilitza per crear l’abast aïllat i això és prototípicament de l’àmbit principal.



Per entendre millor les directives anteriors, mireu les explicacions següents.

abast: cert

Abast dels pares<<======prototype====== Child Scope

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

abast: {}

Abast dels pares<<=====$Parent Scope ========= Isolates Scope

Aquí hem de fer ús de tres tipus d'interfícies entre l'abast aïllat i l'abast principal.

  1. vinculació de dades (=)
  2. interpola (@)

  3. expressió (&)

Exemples

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

Interpola o atributs (@)

S'utilitza per vincular l'abast aïllat amb l'atribut DOM. Això bàsicament configura una directiva unidireccional per utilitzar entre l'abast aïllat i l'abast principal. El que això significa és que si hi ha canvis a l’abast principal, el mateix es reflectirà instantàniament a l’abast aïllat.

Exemple

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

Ara podem fer ús d’una directiva per unir aquests dos conjunts.

 

Expressió (&)

L'expressió (&) s'utilitza per cridar a una funció des de l'abast principal fins a l'abast aïllat. S'utilitza principalment per crear devolucions de trucades entre altres funcions.

Exemple

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

Ara farem servir JUDICI

Feu clic a D'acord. El mètode tornarà a trucar al controlador de la manera següent. .controller ('myTestController', ['$ scope', function ($ scope) {$ scope.myUpdatedValue = function (myValue) {$ scope.updatedValue = myValue}})

Enquadernació (=)

Binding (=) és similar als atributs, l'única diferència és que crea un canal de comunicació bidireccional en lloc d'un.

Exemple

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

Funció Foreach a Angular8

Ara que ja coneixeu el concepte bàsic de l'abast aïllat a Angular8, explorem també la funció foreach.

Foreach a Angular8

Per habilitar la funció foreach a Angular8, seguiu els passos que es descriuen a continuació.

Pas 1

Inicieu Visual Editor 2012 i aneu a Projecte a Nou i arxiu. Quan s’obre la finestra, nomeneu el fitxer com a ForOreach i feu clic al botó D’acord.

Pas 2

Un cop s'hagi completat el pas 1, obriu l'Explorador de solucions que conté fitxers css, js, ts, i html.

Pas 3

Ara executeu el següent codi per a la funció foreach.

per aOrforeach.ts

classe A {funció () {var array = [1, 2, 3, 4] for (var v in array) // per actua com una alerta foreach {array [v])}}} window.onload = () => {var call = new A () call.function ()}

Default.html

Aplicació HTML TypeScript

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] )}} retorna A}) () window.onload = function () {var call = new A () call.function ()}

La sortida dels codis anteriors tindrà un aspecte semblant.

Sortida: abast aïllat a angular8 - Edureka

per a cadascun en TypeScript

Ara explorem com implementar una declaració foreach a TypeScript.

Newforeach.ts

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

La sortida de l’anterior serà,

Ara que ja sabeu utilitzar tant els mòduls d’abast tant foreach com aïllats, esperem que en feu servir el mateix en el vostre dia a dia amb la codificació Angular8 per fer-la més eficient.Apreneu els conceptes bàsics i els usos de tots dos, així com de l'abast aïllat, a Angular8.

Això ens porta al final del bloc Angular Tutorial. Espero que aquest bloc us hagi estat informatiu i de valor afegit. Ara, heu de quedar clar amb els blocs bàsics d'Angular i estar preparat per crear una aplicació Angular. Et recomanaria que passis per això angular Tutorial Llista de reproducció de vídeos Edureka per veure vídeos i aprendre a crear una aplicació Angular.

Consulteu el per Edureka, una empresa d'aprenentatge en línia de confiança amb una xarxa de més de 250.000 estudiants satisfets repartits per tot el món. Angular és un marc JavaScript que s’utilitza per crear aplicacions web escalables, empresarials i de rendiment al costat del client. Com que l’adopció de marc angular és elevada, la gestió del rendiment de l’aplicació es basa en la comunitat de manera indirecta i genera millors oportunitats laborals. La formació sobre certificació angular té com a objectiu cobrir tots aquests nous conceptes entorn del desenvolupament d'aplicacions empresarials.

què és una funció virtual java