Co je izolovaný obor v Angular8?

Pokud jste používali už nějakou dobu jste pravděpodobně slyšeli o funkci rozsahu. Jedná se o vestavěný modul v Angular8 a pochází z výchozího nadřazeného rozsahu. Většinou to však není nutné při vývoji společných komponent, a tak se do obrazu dostal izolovaný rozsah. V tomto článku probereme vše o izolovaném oboru v Angular8 v následujícím pořadí:

• Co je izolovaný obor v Angular8?
• Příklady
• Funkce Foreach v Angular8

Pojďme začít.

Co je izolovaný obor v Angular8?

Izolovaný obor v Angular8 nebyl prototypicky odvozen z nadřazeného oboru, ale dělá to funkci pro přístup k nadřazenému oboru prostřednictvím $ parent. Směrnice o izolovaném oboru v Pythonu má tři základní vlastnosti, které jsou uvedeny níže.

1. rozsah: false: Tato směrnice se ve výchozím nastavení používá v izolovaném oboru a používá se hlavně k opětovnému použití oboru z komponenty, ve které se aktuálně používá.

2. rozsah: true: Tato směrnice se používá k vytvoření podřízeného oboru a prototypicky dědí nadřazený obor.

3. rozsah: {…}: To se používá k vytvoření izolovaného oboru a toto je prototypicky z nadřazeného oboru.

   
   
   

Abyste lépe porozuměli výše uvedeným směrnicím, podívejte se na vysvětlení níže.

rozsah: pravda

Rozsah rodičů<<======prototype====== Child Scope

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

rozsah: {}

Rozsah rodičů<<=====$Parent Scope ========= Isolates Scope

Zde musíme využít tři typy rozhraní mezi izolovaným oborem a nadřazeným oborem.

1. datová vazba (=)

2. interpolovat (@)

3. výraz (&)

Příklady

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

Interpolovat nebo atributy (@)

Používá se k navázání izolovaného oboru s atributem DOM. V zásadě se nastavuje jednosměrná směrnice, která se má použít mezi izolovaným oborem a nadřazeným oborem. To znamená, že pokud dojde k jakýmkoli změnám v nadřazeném oboru, stejné se okamžitě projeví i v izolovaném rozsahu.

Příklad

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

Nyní můžeme použít směrnici k propojení těchto dvou spolu.

Výraz (&)

Expression (&) se používá k volání funkce z nadřazeného oboru do izolovaného oboru. Používá se hlavně k vytváření zpětných volání mimo jiné funkce.

Příklad

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

Nyní použijeme ROZSUDEK

Klepněte na OK Metoda nyní zavolá zpět na kontrolér následujícím způsobem. .controller ('myTestController', ['$ scope', function ($ scope) {$ scope.myUpdatedValue = function (myValue) {$ scope.updatedValue = myValue}}])

Vazba (=)

Vazba (=) je podobná atributům, jediným rozdílem je, že místo jednoho vytvoří obousměrný komunikační kanál.

Příklad

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

Funkce Foreach v Angular8

Nyní, když znáte základní koncept izolovaného oboru v Angular8, prozkoumejte také funkci foreach.

Foreach v Angular8

Chcete-li povolit funkci foreach v Angular8, postupujte podle níže uvedených kroků.

Windows přidat java na cestu

Krok 1

Spusťte Visual Editor 2012 a přejděte do části Project v části New and File. Po otevření okna pojmenujte soubor jako forOrforeach a poté klikněte na tlačítko OK.

Krok 2

Po dokončení kroku 1 otevřete Průzkumníka řešení, který obsahuje soubor css, soubor js, soubor ts i soubor html.

Krok # 3

Nyní spusťte následující kód pro funkci foreach.

forOrforeach.ts

třída A {funkce () {var pole = [1, 2, 3, 4] pro (var v v poli) // pro funguje jako foreach {alert (pole [v])}}} window.onload = () => {var call = new A () call.function ()}

Výchozí.html

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

Výstup pro výše uvedené kódy bude vypadat přibližně takto.

forEach v strojopisu

Nyní prozkoumáme, jak implementovat příkaz foreach v TypeScript.

Newforeach.ts

třída 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 ()}

Výstup z výše uvedeného bude,

Nyní, když víte, jak používat jak moduly foreach, tak i izolované osciloskopy, doufáme, že je využijete ve svém každodenním kódování Angular8, abyste to zefektivnili.Naučte se základy i použití jak foreach, tak i izolovaného oboru v Angular8.

Tím se dostáváme na konec blogu Angular Tutorial. Doufám, že tento blog byl poučný a měl pro vás přidanou hodnotu. Nyní musíte mít jasno ve stavebních blocích Angular a být připraveni vytvořit aplikaci Angular. Doporučil bych vám to projít Úhlový návod Seznam videí Edureka sledovat videa a naučit se, jak vytvořit aplikaci Angular.

Podívejte se na Edureka, důvěryhodná online vzdělávací společnost se sítí více než 250 000 spokojených studentů rozložených po celém světě. Angular je framework jazyka JavaScript, který se používá k vytváření škálovatelných, podnikových a výkonných webových aplikací na straně klienta. Vzhledem k vysokému přijetí úhlového rámce je správa výkonu aplikace komunitně řízena nepřímo a přináší lepší pracovní příležitosti. Cílem školení Angular Certification Training je pokrýt všechny tyto nové koncepty týkající se vývoje podnikových aplikací.