50 Angular-Interviewfragen, die Sie beherrschen müssen (Sammlung)

33. Was ist Transpiling in Angular?

Kompilierung in Angular bezieht sich auf den Prozess der Konvertierung von Quellcode von einer Programmiersprache in eine andere. Normalerweise erfolgt diese Konvertierung in Angular von TypeScript nach JavaScript. Dies ist ein impliziter Prozess, der intern abläuft. 34. Wie führe ich eine Animation in Angular aus? als Abhängigkeit innerhalb Ihres Anwendungsmoduls.

35. Was ist in Angular enthalten?

Includes in Angular ermöglichen es Ihnen, die ursprünglichen untergeordneten Elemente einer Direktive an eine bestimmte Position innerhalb einer neuen Vorlage zu verschieben. Die ng-Direktive gibt an, dass der Einfügepunkt des enthaltenen DOM der nächstgelegenen übergeordneten Direktive der enthaltenen Direktive verwendet wird. Attributanweisungen wie

oder ng-transclude-slot's werden hauptsächlich für die Inklusion verwendet.

36. Was sind Ereignisse in Angular? Ereignisse in Angular sind spezifische Anweisungen, die dabei helfen, das Verhalten verschiedener DOM-Ereignisse anzupassen. Die von Angular unterstützten Ereignisse sind unten aufgeführt:

ng-clickng-copy

• ng-keydown
• ng-keypress
• ng-keyup
• ng-mousedown
• ng-mouseenter
• ng-mouseleave
• ng-mousemove
• ng-mouseover
• ng-mouseup
• ng-blur
• 37. Einige Tools zum Testen von Angular-Apps auflisten?

KarmaAngular Mocks

• Mocha

• Browserify

• Sion

38. Wie erstelle ich einen Dienst in Angular?
In Angular sind Dienste austauschbare Objekte, die mithilfe der Abhängigkeitsinjektion miteinander verbunden sind. Erstellen Sie einen Dienst, indem Sie ihn in einem Modul registrieren, in dem er ausgeführt werden soll. Grundsätzlich können Sie einen Angular-Service auf drei Arten erstellen. Grundsätzlich gibt es drei Möglichkeiten, Dienste in Angular zu erstellen:

FactoryService

• 39. Was ist das Singleton-Muster und wo kann man es in Angular finden?
• Das Singleton-Muster in Angular ist ein großartiges Muster, das die mehrfache Verwendung einer Klasse verhindert. Das Singleton-Muster in Angular wird hauptsächlich in der Abhängigkeitsinjektion und in Diensten implementiert. Wenn Sie also „new Object()“ nicht verwenden, ohne es zu einem Singleton zu machen, werden Ihnen zwei verschiedene Speicherorte für dasselbe Objekt zugewiesen. Wenn Sie das Objekt dagegen als Singleton deklarieren, wird es einfach wiederverwendet, wenn es bereits im Speicher vorhanden ist.

40. Was wissen Sie über REST in Angular?

REST bedeutet

AussehenKleines KontoGroßer ChefGroßartigTransfer (BOT). REST ist ein API-Stil (Application Programming Interface) für HTTP-Anfragen. In diesem Fall gibt die angeforderte URL genau an, welche Daten verarbeitet werden müssen. Die HTTP-Methode identifiziert dann den spezifischen Vorgang, der für die angeforderten Daten ausgeführt werden muss. Daher werden APIs, die diesem Ansatz folgen, als RESTful APIs bezeichnet.

41. Was ist Bootstrapping in Angular? Beim Bootstrapping in Angular geht es lediglich um das Initialisieren oder Starten einer Angular-Anwendung. Angular unterstützt automatisches und manuelles Bootstrapping.

***Autobootstrapper:***Dies geschieht durch Hinzufügen der ng-app-Direktive zum Stammverzeichnis Ihrer Anwendung, normalerweise auf einem Tag oder Markup (wenn Sie möchten, dass Angular Ihre Anwendung automatisch bootet). Wenn Angular die ng-app-Direktive findet, lädt es das damit verbundene Modul und kompiliert dann das DOM. Manuelles Bootstrapping:

• 42. Was ist der Unterschied zwischen Verknüpfen und Kompilieren in Angular?

Link-Funktion wird verwendet, um DOM-Listener sowie Instanz-DOM-Operationen zu registrieren und nach dem Klonen der Vorlage auszuführen.

43.
Was wissen Sie über Konstanten in Angular?

In Angular sind Konstanten wie Dienste, die zum Definieren globaler Daten verwendet werden. Konstanten werden mit dem Schlüsselwort „constant“ deklariert. Sie werden mithilfe konstanter Abhängigkeiten erstellt und können an einer beliebigen Stelle in einen Controller oder Dienst eingefügt werden. 44. Was ist der Unterschied zwischen Anbietern, Dienstleistungen und Fabriken in Angular?

45. Was ist Angular Global API?

Angular Global API ist eine Kombination globaler JavaScript-Funktionen, die zur Ausführung verschiedener allgemeiner Aufgaben verwendet werden, wie zum Beispiel:

• Objekte vergleichen
• Objekte iterieren
• Daten transformieren

Es gibt einige gängige Angular Global API-Funktionen wie:

• **Gehörnt. Kleinbuchstaben: **Konvertieren Sie die Zeichenfolge in eine Zeichenfolge in Kleinbuchstaben.
• Gehörnt. Großbuchstaben: Wandeln Sie eine Zeichenfolge in Großbuchstaben um.
• Gehörnt. isString: Gibt true zurück, wenn die aktuelle Referenz ein String ist.
• **Gehörnt. isNumber: **Gibt „true“ zurück, wenn die aktuelle Referenz eine Zahl ist.

Fortgeschrittenes Niveau – Fragen im Vorstellungsgespräch

46. Beschreiben Sie, wie man in Angular Cookies setzt, abruft und löscht.

Um Cookies mit Angular verwenden zu können, müssen Sie ein Modul namens ngCookies angle-cookies.js einbinden.

Cookies setzen – Um Cookies im Schlüsselwertformat zu setzen, verwenden Sie die Methode „put“.

cookie.set("nameOfCookie","cookieValue");

**Cookies abrufen –**Um Cookies zu erhalten, wird die Methode „get“ verwendet.

cookie.get（"nameOfCookie"）;

**Cookies löschen –** Verwenden Sie die Methode „Löschen“, um Cookies zu löschen.

cookie.delete（"nameOfCookie"）;

47. Wenn Ihr Datenmodell außerhalb des „Bereichs“ aktualisiert wird, erläutern Sie bitte den Vorgang. Wie werden Sie ihn sehen?

Sie können die Ansicht mit einer der folgenden Methoden aktualisieren:

• ApplicationRef.prototype.tick() : Es wird eine Änderungserkennung für den gesamten Komponentenbaum durchgeführt.

• **NgZone.prototype.run():** Es führt eine Änderungserkennung für den gesamten Komponentenbaum durch. Hier ruft run() unter der Haube den Tick selbst auf und dann erhalten die Parameter die Funktion vor dem Tick und führen sie aus.

• **ChangeDetectorRef.prototype.detectChanges():** Es startet die Änderungserkennung für die aktuelle Komponente und ihre Unterkomponenten.

48. Erklären Sie die ng-app-Direktive in Angular.

ng-app-Direktive wird zum Definieren von Angular-Anwendungen verwendet und ermöglicht uns die Verwendung von Auto-Bootstrapping in Angular-Anwendungen. Es stellt das Stammelement einer Angular-Anwendung dar und wird normalerweise in der Nähe des or-Tags deklariert. In einem HTML-Dokument können beliebig viele ng-app-Anweisungen definiert werden, aber nur eine Angular-Anwendung kann offiziell implizit gebootet werden. Die restlichen Anwendungen müssen manuell gestartet werden.

Beispiel

<div ng-app=“myApp” ng-controller=“myCtrl”>
First Name :
<input type=“text” ng-model=“firstName”>
<br />
Last Name :
<input type=“text” ng-model=“lastName”>
<br>
Full Name: {{firstName + ” ” + lastName }}
</div>

49 Wie wird eine eingebettete Ansicht aus einer vorbereiteten TemplateRef eingefügt?

@Component({
    selector: 'app-root',
    template: `
        <ng-template #template let-name=&#39;fromContext&#39;><div>{{name}}</ng-template>
    `
})
export class AppComponent implements AfterViewChecked {
    @ViewChild(&#39;template&#39;, { read: TemplateRef }) _template: TemplateRef<any>;
    constructor() { }

    ngAfterViewChecked() {
        this.vc.createEmbeddedView(this._template, {fromContext: &#39;John&#39;});
    }
}

50. Wie verstecke ich HTML-Elemente, indem ich einfach auf die Eckschaltfläche klicke?

HTML-Elemente können mit Ihrem Controller ganz einfach ausgeblendet werden, indem Sie die ng-hide-Direktive verwenden, um HTML-Elemente beim Klicken auf die Schaltfläche auszublenden.

Ansicht

<div ng-controller ="MyController">
  <button ng-click ="hide()">欢迎关注全栈程序员社区公众号</ button>
  <p ng-hide ="isHide">欢迎关注Java架构师社区公众号！</ p>
</ div>

Controller

controller: function() {
    this.isHide = false;
    this.hide = function(){
        this.isHide = true; 
    }; 
}

Weitere Programmierkenntnisse finden Sie unter: Einführung in die Programmierung! !