75 pytań i odpowiedzi dotyczących wywiadu z AngularJS (2025)

Przez: Jamesa Hartmana Jamesa Hartmana
Hours Zaktualizowano

Oto pytania i odpowiedzi dotyczące rozmów kwalifikacyjnych AngularJS dla świeżych i doświadczonych kandydatów, którzy chcą zdobyć wymarzoną pracę.

 

Pytania i odpowiedzi dotyczące rozmowy kwalifikacyjnej AngularJS dla nowicjuszy

1) Co to jest AngularJS?

AngularJS to JavaFramework skryptowy używany do tworzenia aplikacji jednostronicowych. Umożliwia używanie HTML jako języka szablonów i umożliwia rozszerzenie składni HTML w celu wyraźnego wyrażania komponentów aplikacji.

👉 Bezpłatne pobieranie plików PDF: Pytania i odpowiedzi dotyczące wywiadu AngularJS >>

2) Jakie są kluczowe cechy AngularJS?

Kluczowe cechy AngularJS to:

  • Zakres
  • kontroler
  • Model
  • Zobacz
  • Usługi
  • Wiązanie danych
  • Dyrektywy
  • Filtry
  • Testowalne

3) Wyjaśnij zakres funkcji w AngularJS

Zakres odnosi się do modelu aplikacji. Działa jak klej pomiędzy kontrolerem aplikacji a widokiem. Zakresy są ułożone w hierarchicznej strukturze i uosabiają strukturę DOM (Document Object Model) aplikacji. Może obserwować wyrażenia i propagować zdarzenia.

4) Wyjaśnij usługi w AngularJS

Usługi AngularJS to pojedyncze obiekty lub funkcje używane do wykonywania określonych zadań. Zawiera pewną logikę biznesową.

5) Co to jest wyrażenie kątowe? Wyjaśnij kluczową różnicę między wyrażeniami kątowymi a JavaWyrażenia skryptowe

Jak JavaSkrypt, wyrażenia Angulara to fragmenty kodu, które zazwyczaj umieszczane są w powiązaniu, takim jak {{ expression }}

Kluczowa różnica między JavaWyrażenia skryptu i wyrażenia Angulara to:

  • Tło: W Angular wyrażenia są oceniane względem obiektu zakresu, podczas gdy JavaWyrażenia skryptu są oceniane w odniesieniu do okna globalnego
  • Wyrozumiały: W wyrażeniu Angulara ocena wybacza wartości null i niezdefiniowane, podczas gdy in JavaNiezdefiniowane właściwości skryptu generują TypeError lub ReferenceError
  • Brak instrukcji przepływu sterowania: W wyrażeniach kątowych nie można używać pętli, warunków warunkowych ani wyjątków
  • Filtry: Możesz użyć filtrów, aby sformatować dane przed ich wyświetleniem.

6) W jaki sposób można zainicjować pole wyboru z opcjami podczas ładowania strony?

Pole wyboru z opcjami można zainicjować w momencie załadowania strony, korzystając z dyrektywy ng-init.

  • <div ng-controller = ” apps/dashboard/account ” ng-switch
  • Włącz = „! ! konta” ng-init = „loadData ( ) „>

7) Czym są dyrektywy? Wymień niektóre z najczęściej używanych dyrektyw w aplikacji AngularJS

Dyrektywa to coś, co wprowadza nową składnię. Działają jak znaczniki na elemencie DOM, które przypisują mu specjalne zachowanie. W każdej aplikacji AngularJS najważniejszymi komponentami są dyrektywy.

Niektóre z powszechnie używanych dyrektyw to:

1) model ng

2) aplikacja ng

3) wiązanie ng

4) ng-powtórz

5) ng-pokaż

POWIĄZANE ARTYKUŁY

8) Jak działają trasy Angular JS?

Trasy AngularJS umożliwiają tworzenie różnych adresów URL dla różnych treści w aplikacji. Różne adresy URL dla różnych treści umożliwiają użytkownikowi tworzenie zakładek do adresów URL określonych treści. Każdy taki adres URL, który można dodać do zakładek, w AngularJS nazywany jest trasą

Wartość w Angular JS jest prostym obiektem. Może to być liczba, ciąg znaków lub JavaObiekt skryptu. Wartości są zazwyczaj używane jako konfiguracja wstrzykiwana do fabryk, usług lub kontrolerów. Wartość powinna należeć do modułu AngularJS.

Wstrzykiwanie wartości do funkcji kontrolera AngularJS odbywa się poprzez dodanie parametru o tej samej nazwie co wartość

9) Co to jest wiązanie danych w AngularJS?

Automatyczna synchronizacja danych między komponentami modelu i widoku jest określana jako wiązanie danych w AngularJS. Istnieją dwa sposoby wiązania danych

  1. Eksploracja danych w klasycznych systemach szablonowych
  2. Wiązanie danych w szablonach kątowych

10) Jakie są zalety AngularJS?

Zalety AngularJS to:

  • Rejestrowanie wywołań zwrotnych: Nie ma potrzeby rejestrowania wywołań zwrotnych. Dzięki temu Twój kod będzie prosty i łatwy do debugowania.
  • Kontroluj programowo HTML DOM: Aplikacje utworzone przy użyciu Angulara nie muszą manipulować DOM.
  • Przesyłaj dane do i z interfejsu użytkownika: AngularJS pomaga wyeliminować prawie wszystkie szablony. Może zatwierdzić formularz, wyświetlić błędy, powrócić do modelu wewnętrznego i tak dalej.
  • Brak kodu inicjującego: Dzięki AngularJS możesz łatwo uruchomić swoją aplikację. Możesz korzystać z usług automatycznie wprowadzanych do swojej aplikacji w Guice.

11) Co to jest interpolacja ciągów w Angular.JS?

W Angular.js kompilator podczas procesu kompilacji dopasowuje tekst i atrybuty. Korzysta z usługi interpolacji, aby sprawdzić, czy zawierają one osadzone wyrażenia. W ramach normalnego cyklu podsumowania wyrażenia te są aktualizowane i rejestrowane jako zegarki.

12) Jakie są etapy procesu kompilacji HTML?

Kompilacja procesu HTML przebiega w następujący sposób

  • Korzystając ze standardowego interfejsu API przeglądarki, najpierw kod HTML jest analizowany do formatu DOM
  • Korzystając z wywołania $compile () metody, wykonywana jest kompilacja modelu DOM. Metoda przechodzi przez DOM i dopasowuje dyrektywy.
  • Połącz szablon z zakresem, wywołując funkcję łączenia zwróconą w poprzednim kroku

13) Wyjaśnić dyrektywy i ich rodzaje

Kiedy w procesie kompilacji uruchamiana jest określona funkcja HTML, nazywa się to dyrektywą. Jest wykonywany, gdy kompilator napotka go w DOM.

Różne typy dyrektyw to:

1) Dyrektywy elementowe

2) Dyrektywy atrybutów

3) Dyrektywy klas CSS

4) Polecenia komentarzy.

14) Wyjaśnij funkcję łączącą i jej typy

Link łączy dyrektywy z zakresem i tworzy podgląd na żywo. Za rejestrację słuchaczy DOM oraz aktualizację DOM odpowiedzialna jest funkcja link. Po sklonowaniu szablonu jest on wykonywany.

  • Funkcja wstępnego łączenia: Funkcja wstępnego łączenia jest wykonywana przed połączeniem elementów potomnych. Nie jest to uważane za bezpieczny sposób transformacji DOM.
  • Funkcja łączenia postów: Funkcja łączenia postów jest wykonywana po połączeniu elementów podrzędnych. Bezpiecznie jest przeprowadzić transformację DOM za pomocą funkcji postlinkowania

15) Wyjaśnij wtryskiwacz w AngularJS

Wtryskiwacz to lokalizator serwisowy. Służy do pobierania instancji obiektów zdefiniowanych przez dostawcę, tworzenia typów instancji, metod wywoływania i ładowania modułów. Na każdą aplikację Angular przypada jeden wtryskiwacz, pomaga on wyszukiwać instancje obiektu według jego nazwy.

16) Jaka jest główna różnica pomiędzy łączem a kompilacją w Angular.js?

  • Funkcja kompilacji: Służy do manipulacji szablonem DOM i zbiera wszystkie dyrektywy.
  • Funkcja łącza: Służy do rejestracji słuchaczy DOM, a także na przykład manipulacji DOM. Jest wykonywany po sklonowaniu szablonu.

17) Jaka jest funkcja fabryczna w AngularJS?

Do tworzenia dyrektywy używana jest metoda fabryczna. Jest wywoływana tylko raz, gdy kompilator dopasowuje dyrektywę po raz pierwszy. Użycie $injector.invoke powoduje wywołanie metody fabrycznej.

18) Wyjaśnij formę stylizacji, którą ngModel dodaje do klas CSS

NgModel dodaje te klasy CSS, aby umożliwić stylizację formularza. Klasy walidacyjne AngularJS to:

  1. ng- ważne
  2. ng – nieprawidłowe
  3. nieskazitelny
  4. ng-brudne

19) Jakie są cechy „Zakresu”?

  • Zakresy mutacji modelu obserwatora udostępniają interfejsy API ($watch)
  • Aby propagować wszelkie zmiany modelu w systemie do widoku spoza dziedziny Angular
  • Zakres dziedziczy właściwości z zakresu nadrzędnego, zapewniając jednocześnie dostęp do właściwości modelu udostępnionego, zakresy można zagnieżdżać w celu izolowania komponentów aplikacji
  • Zakres zapewnia kontekst, względem którego oceniane są wyrażenia

20) Co to jest DI (wstrzykiwanie zależności) i w jaki sposób obiekt lub funkcja może przejąć kontrolę nad jego zależnościami?

DI lub Dependency Injection to wzorzec projektowania oprogramowania, który zajmuje się tym, w jaki sposób kod przejmuje swoje zależności. Aby pobrać elementy aplikacji, które muszą zostać skonfigurowane podczas ładowania modułu, operacja „config” używa wstrzykiwania zależności.

Oto sposoby, których obiekt używa do przechowywania swoich zależności

  • Zwykle za pomocą operatora new można utworzyć zależność
  • Odwołując się do zmiennej globalnej, można sprawdzić zależność
  • Zależność można przekazać tam, gdzie jest to wymagane

Pytania i odpowiedzi dotyczące rozmowy kwalifikacyjnej AngularJS dla doświadczonych profesjonalistów

21) Wyjaśnij pojęcie hierarchii zakresu

Każda aplikacja Angular składa się z jednego zakresu głównego, ale może mieć kilka zakresów podrzędnych. Ponieważ kontrolery podrzędne i niektóre dyrektywy tworzą nowe zakresy podrzędne, aplikacja może mieć wiele zakresów. Gdy nowe zakresy są formowane lub tworzone, są dodawane jako dzieci ich zakresu nadrzędnego. Tworzą również strukturę hierarchiczną podobną do DOM.

22) Wyjaśnij główną różnicę pomiędzy AngularJS i backbone.js

angularjs Backbone.js
angularjs jest JavaOparty na skryptach framework typu open source, przeznaczony do obsługi dynamicznych aplikacji internetowych. backbone.js to framework, który abstrahuje DOM w widoki i dane w modele, a następnie łączy oba za pomocą zdarzeń.
Jego wydajność jest dobra, ponieważ zapewnia dwukierunkowy proces wiązania danych Technologia Backbone.js oferuje większą wydajność niż AngularJS, jeśli zbiory danych są małe
Działa na MVS (Multiple Virtual Storage). Działa na architekturze MVP.
AngularJS wykorzystuje dynamiczny atrybut HTML, aby ułatwić zrozumienie aplikacji. Backbone.js wykorzystuje szablony podkreśleń w celu zrozumienia aplikacji.
Ma duże poparcie społeczne. Wsparcie społeczności jest ograniczone do szablonu podkreślenia.

23) Kto stworzył Angular JS?

AngularJS został opracowany przez Adama Abronsa i Misko Hevery. Obecnie jest rozwijany przez Google.

24) Jak zintegrować AngularJS z HTML?

Aby zintegrować AngularJS z HTML, programiści mogą wykonać następujące kroki:

Krok 1: w tym AngularJS JavaSkrypt na stronie html.

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

Krok 2: Wskaż aplikację AngularJS.

Musisz dodać atrybut ng-app wewnątrz znacznika HTML body, aby wskazać, jaką część aplikacji HTML AngularJS zawiera, jak pokazano w poniższym przykładzie:

<body ng-app = "testapp">
</body>

25) Co to jest filtr Orderby w AngularJS?

Filtr Orderby w AngularJS porządkuje tablicę na podstawie określonych kryteriów. Poniższy przykład pokazuje, jak można zamówić produkt według ceny.

<ul>
<li ng-repeat = "company in product.products | orderBy:'price">
      {{ company.product + ', price:' + product.price }}
   </li>
</ul>

26) Co to jest ng-non-bindable w AngularJS?

Ng-non-bindable określa, że ​​AngularJs nie kompiluje elementu HTML i jego węzłów podrzędnych. Na przykład:

<title ng-non-bindable > </title>

27) Wyjaśnij użycie zdarzenia podwójnego kliknięcia w AngularJS

zdarzenie podwójnego kliknięcia AgularJS pozwala określić niestandardowe zachowanie w przypadku zdarzenia podwójnego kliknięcia myszy na stronie internetowej, na przykład:

<ELEMENT ng-dblclick="{expression}"> 
... 
</ELEMENT>

28) Wyjaśnij dyrektywy ng-click w AngularJS na przykładzie

Dyrektywy ng-click można stosować w sytuacjach, gdy trzeba kliknąć przycisk lub wykonać jakąś operację.

Przykład:

<button ng-click="count = count ++">Click</button>

29) Po co używać ng-include w AngularJS?

Ng-include w AngularJS pomaga osadzać strony HTML w pojedynczej stronie HTML. Przykład:

<div ng-app = "" ng-controller = "interviewController">
   <div ng-include = "'first.htm'"></div>
   <div ng-include = "'phases.htm'"></div>
</div>

30) Jak wykonać połączenie ajax przy użyciu Angular JS?

AngularJS oferuje $https: control, który pomaga Ci wykonać wywołanie ajax w celu odczytania danych serwera. Serwer wykonuje wywołanie bazy danych w celu uzyskania wymaganych rekordów. Gdy Twoje dane w formacie JSON są gotowe, możesz użyć $https: w celu pobrania danych z serwera w następujący sposób:

function employeeController($scope,$https:) {
   var url = "tasks.txt";
   $https.get(url).success( function(response) {
      $scope.employee = response; 
   });
}

31) Wyjaśnij użycie $routeProvider

W Angular JS $routeProvider ustawia konfigurację adresu URL. Mapuje z powiązanym szablonem ng lub stroną HTML i dołącza z nią kontroler.

32) Jak ustawić, uzyskać i wyczyścić pliki cookie w AngularJS?

Możesz użyć:

  • Metoda $cookies.put() do ustawiania plików cookie.
  • Metoda $cookies.get() do pobierania plików cookie.
  • $cookies.remove, aby usunąć pliki cookie w AngularJS.

33) Co to jest metoda serwisowa?

Metoda usługi w AngularJS pomaga zdefiniować usługę i metodę do niej. W poniższym przykładzie wstrzyknęliśmy prostą usługę dodawania, która dodaje dwie liczby.

<! DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Event Registration</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<h3> Guru99 Global Event</h3>
<div ng-app = "mainApp" ng-controller = "DemoController">
    <p>Result: {{result}}</p>
</div>
<script>
    var mainApp = angular.module("mainApp", []);
    mainApp.service('AdditionService', function(){
        this.ADDITION = function(a,b) {
            return a+b;
        }
    });

    mainApp.controller('DemoController', function($scope, AdditionService) {

            $scope.result = AdditionService.ADDITION(5,6);
    });
</script>
</body>
</html>

34) Nazwij komponenty AngularJS, które można wstrzyknąć jako zależność

Komponenty AngularJS, które można wstrzykiwać jako zależność, to: 1) wartość, 2) fabryka, 3) usługa, 4) dostawca, 5) stała.

35) Jakie są typowe funkcje Angular Global API

Niektóre powszechnie używane funkcje Angular Global API to:

  • Angular.isString: Zwróci wartość true tylko wtedy, gdy podane odwołanie jest typu string.
  • Kątowe.małe litery: Konwertuje dowolny ciąg na małe litery
  • Kątowe.wielkie litery: Konwertuje dowolny ciąg znaków na wielkie litery.
  • Angular.isNumber: Zwraca wartość true tylko wtedy, gdy odwołanie jest wartością liczbową lub liczbą.

36) Napisz program, który ukrywa znacznik HTML jednym kliknięciem przycisku

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
</head>
<body>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<h1> Guru99 Global Event</h1>
<div ng-app="DemoApp" ng-controller="DemoController">
    <input type="button" value="Hide Angular" ng-click="ShowHide()"/>
    <br><br><div ng-hide="IsVisible">Angular</div>
</div>
<script type="text/javascript">
    var app = angular.module('DemoApp',[]);
    app.controller('DemoController',function($scope){
        $scope.IsVisible = false;
        $scope.ShowHide = function(){
            $scope.IsVisible = $scope.IsVisible = true;
        }
        });
</script>
</body>
</html>

37) Co to jest BOM (model obiektowy przeglądarki)?

BOM lub model obiektowy przeglądarki składa się z historii, nawigatora obiektów, lokalizacji ekranu itp. Określa globalne obiekty przeglądarki, takie jak konsola, pamięć lokalna i okno.

38) Wyjaśnij „$rootScope” w AngularJS

„$rootScope” to zakres tworzony na elemencie DOM (Document Object Model).

Aplikacja może mieć tylko jeden $rootScope, który współdzieli między innymi komponenty. Ma dyrektywę ng-app. Inne zakresy są nazywane jego zakresem podrzędnym. Może obserwować wyrażenia, a także propagować zdarzenia.

39) Podaj przykład ng-view w Angular

Rozważ następujący przykład:

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
    <script src="https://code.angularjs.org/1.5.9/angular-route.js"></script>
    <script src="https://code.angularjs.org/1.5.9/angular.min.js"></script>
    <script src="lib/bootstrap.js"></script>
</head>
<body ng-app="sampleApp">
<h1> Global Event</h1>
<div class="container">
    <ul><li><a href="#!NewEvent"> Add New Event</a></li>
        <li><a href="#!DisplayEvent"> Display Event</a></li>
    </ul>
    <div ng-view></div>
</div>
<script>
    var app = angular.module('sampleApp',["ngRoute"]);
    app.config(function($routeProvider){
        $routeProvider.
        when("/NewEvent",{
            templateUrl : "add_event.html",
            controller: "AddEventController"
        }).
        when("/DisplayEvent", {
            templateUrl: "show_event.html",
            controller: "ShowDisplayController"
        }).
        otherwise ({
            redirectTo: '/DisplayEvent'
        });
    });
    app.controller("AddEventController", function($scope) {
        $scope.message = "This is to Add a new Event";
    });
    app.controller("ShowDisplayController",function($scope){
        $scope.message = "This is display an Event";
    });
</script>
</body>
</html>

40) Jaka jest składnia metody fabrycznej w AngularJS?

Składnia Factory jest następująca:

app.factory('nazwa usługi',funkcja(){zwróć obiekt usługi;})

41) Wymień różne fazy cyklu życia AngularJS Scope.

Oto różne fazy cyklu życia AngularJS Scope:

  • Tworzenie
  • Mutacja modelowa
  • Rejestracja obserwatora
  • Obserwacja mutacji
  • Zniszczenie lunety

42) Napisz program ładujący proces w Angular

program do ładowania procesu w Angular to:

<html>
    <body ng-app="TestApp">
        <div ng-controller="Ctrl">Hi{{msg}}!</div>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"> 
</script>
        <script>
            var test = angular.module('TestApp', []);
            test.controller('Ctrl', function($scope) {
                $scope.msg = 'Good Morning';
            });
        </script>
    </body>
</html>

43) Co to jest aplikacja jednostronicowa w AngularJS?

SPA lub aplikacja jednostronicowa to witryna internetowa lub aplikacja internetowa, która dynamicznie współdziała z użytkownikami. W AngularJS, JavaSkrypt, HTML i CSS mieszczą się na jednej stronie. Wykonuje nawigację bez odświeżania całej strony HTML.

44) Wyjaśnij koncepcję pakietu internetowego

Webpack to pakiet modułów dla Angular2 lub nowszego. Łączy, transponuje i minimalizuje aplikację AngularJS.

45) Co masz na myśli mówiąc NPM?

NPM oznacza Menedżera pakietów węzłów. Składa się z klienta narzędzia wiersza poleceń do interakcji z repozytorium projektu Node.js.

46) Jak utworzyć nowy projekt w angularJS przy użyciu interfejsu wiersza poleceń?

Po zainstalowaniu interfejsu wiersza poleceń Angulara musisz uruchomić nową komendę nazwa-projektu, aby utworzyć nowy projekt w Angularze.

47) Wyjaśnij proces automatycznego ładowania początkowego w AngularJS

Angular automatycznie inicjuje zdarzenie DOMContentLoaded lub gdy pobierasz skrypt angular.js do przeglądarki.

Następnie AngularJS znajduje dyrektywę ng-app, która jest korzeniem kompilacji aplikacji Angular. Gdy dyrektywa ng-app zostanie znaleziona, AngularJS wykonuje następujące kroki:

1) załadować moduł powiązany z dyrektywą,

2) Utwórz wtryskiwacz aplikacji,

3) Skompiluj DOM z elementu głównego ng-app. Proces ten nazywany jest automatycznym ładowaniem.

48) Co to są natychmiast wywoływane wyrażenia funkcyjne?

IIFE lub natychmiast wywołane wyrażenia funkcyjne to funkcja, która jest wykonywana natychmiast po jej utworzeniu. Oferuje prosty sposób izolowania deklaracji zmiennej. IIFE zawiera dwie główne funkcje:

1) operator()

2) wyrażenie()

49) Jaki jest cykl podsumowania w AngularJS?

Cykl trawienia jest ważną częścią wiązania danych w AngularJS, która porównuje starą i nową wersję modelu zakresu. Cykl Digestu wyzwalany automatycznie lub ręcznie za pomocą funkcji $apply().

50) Jakie są podstawowe wymagania do pracy z AngularJS?

Aby uczyć się lub pracować z AngularJS, musisz pobrać najnowszą wersję AngularJS ze strony AngularJS.com. Możesz albo potrzebować pliku JS i hostować go lokalnie, albo możesz także użyć Google CDN (Content Delivery Network) do odwoływania się do niego.

51) Czy w AngularJS można tworzyć zagnieżdżone kontrolery?

Tak, możemy stworzyć zagnieżdżony kontroler w AngularJS.

Przykład zagnieżdżonego kontrolera wygląda następująco:

<div ng-controller="MainCtrl">
 <p>{{msg}} {{name}}!</p>
<div ng-controller="SubCtrl1">
<p>Hi {{name}}!</p>
   <div ng-controller="SubCtrl2">
     <p>{{msg}} {{name}}! Your name is {{name}}.</p>
   </div>
</div>
</div>

52) Co to jest uwierzytelnianie?

Uwierzytelnianie to usługa służąca do logowania i wylogowywania się z aplikacji Angular. Poświadczenia użytkowników są przekazywane do interfejsu API na serwerze. Następnie po sprawdzeniu tych poświadczeń po stronie serwera zwracany jest token sieciowy JSON, który zawiera szczegółowe informacje o bieżącym użytkowniku.

53) Zdefiniuj materiał AngularJS

AngularJS Material jest implementacją specyfikacji Material Design firmy Google. Oferuje zestaw sprawdzonych, wielokrotnego użytku komponentów UI dla programisty AngularJS.

54) Jakie są ważne różnice między Angular 7 i Angular 8

Kątowy 7 Kątowy 8
Angular 7 jest trudny w obsłudze Angular 8 jest bardzo łatwy w użyciu
Zapewnia obsługę niższej wersji języka programowania Typescript 3.4 Nie zapewnia obsługi niższej wersji języka programowania Typescript 3.4
Obsługuje wszystkie wersje node.js Obsługuje tylko wersję Node.js 12.

55) Co to jest ngzone?

Strefa ng to a JavaKlasa opakowania skryptów oznaczona przez Zone.js. Umożliwia programistom jawne uruchamianie określonego kodu poza strefą Angulara, co uniemożliwia Angularowi wykrywanie jakichkolwiek zmian.

56) Wymień różnicę pomiędzy komponentem kątowym a dyrektywą

Składnik Dyrektywa
Komponent Angular to dyrektywa, która umożliwia wykorzystanie funkcjonalności komponentu WWW w całej aplikacji. Dyrektywa Angular to technika, za pomocą której przypisujemy zachowanie do elementów.
Pomaga podzielić aplikację na mniejsze komponenty. Pomaga w projektowaniu komponentów wielokrotnego użytku.
Może definiować rury Nie może definiować rur.

57) Zdefiniuj ECMAScript

ECMAScript (Europejskie Stowarzyszenie Producentów Komputerów) to standard języków skryptowych. JavaScript używa ECMAScript jako języka podstawowego. Programiści mogą z niego korzystać przy pisaniu skryptów po stronie klienta w sieci WWW i/lub aplikacjach i usługach serwerowych. ECMAScript ma wiele funkcji, takich jak funkcje funkcjonalne, prototypowe, dynamiczne i strukturalne.

58) Co to jest kompilator Traceur?

Traceur jest JavaKompilator skryptów wykorzystujący klasy, generatory i inne funkcje ECMAScript.

59) Jak przekonwertować ciąg znaków na walutę?

Możesz przekonwertować ciąg wejściowy na filtr walutowy typu waluty w Angular.

60) Czym są szablony w AngularJS?

Szablon to plik HTML używany z dyrektywami i atrybutami AngularJs.

61) Wyjaśnij różnice pomiędzy Angularem i jQuery

angularjs JQuery
AngularJs jest trudny do zrozumienia Jquery jest bardzo łatwy do zrozumienia.
Obsługuje dwukierunkowy proces wiązania Nie obsługuje procesu wiązania danych
Zapewnia obsługę routingu głębokiego linkowania Nie zapewnia obsługi routingu z głębokimi linkami

62) Co to jest kompilacja z wyprzedzeniem?

Angular AOT (Ahead of Time) to kompilator, który konwertuje kod HTML i TypeScript Angulara do JavaKod skryptu.

63) Lista typów filtrów w AngularJS

Typy filtrów używanych w AngularJS to: 1) Waluta, 2) Wielkie litery, 3) Małe litery, 4) OrderBy, 5) JSON i 6) limitTo.

64) Wyjaśnij funkcję ngOnInit ().

Funkcja ngOnInit () jest funkcją cyklu życia, która jest wywoływana po ukończeniu właściwości dyrektywy związanych z danymi.

65) Czym jest transkluzja w AngularJS?

Transkluzja w AngulaJS umożliwia programistom realokację oryginalnych dzieci dyrektywy do określonej lokalizacji w szablonie. Dyrektywa ng pokazuje punkt wstawiania dla transkludowanego DOM najbliższej nadrzędnej dyrektywy, która używa transkluzji. ​​Dyrektywy ng-transclude-slot lub ng-transclude są używane głównie do transkluzji.

66) Podświetlane haczyki są dostępne w AngularJS

Różne hooki w AngularJS to:

1) ngOnInit()

2) ngOnChanges(),

3) ngDoCheck(),

4) ngAfterContentInit(),

5) ngAfterContentChecked(),

6) ngOnDestroy(),

7) ngAfterViewChecked() i

8) ngAfterViewInit()

67) Jakie są ważne części metadanych AngularJS?

Metadane AngularJS służą do dekorowania klasy, która przedstawia oczekiwane zachowanie określonej klasy. Różne części metadanych to: 1) dekorator klas, 2) dekoratory metod, dekoratory parametrów i 4) dekoratory właściwości.

68) Co to jest Angular CLI?

Angular CLI jest również nazywany narzędziem interfejsu wiersza poleceń. Służy do tworzenia, inicjowania i utrzymywania aplikacji Angular. Z oprogramowania CLI można korzystać poprzez bardzo interaktywny interfejs użytkownika, taki jak powłoka poleceń lub konsola Angular.

69) Wyjaśnij sparametryzowany potok w AngularJS

W angularJS potoki mogą mieć więcej niż jeden parametr w celu dostrojenia dokładnego wyniku. Możesz utworzyć sparametryzowany potok, deklarując go za pomocą dwukropka (:) i wartości parametru. Programista może oddzielić wiele wartości parametrów za pomocą dwukropka (:).

70) Co to jest routing?

Routing to metoda łączenia różnych widoków. Administrator podejmuje decyzję o połączeniu tych widoków w zależności od potrzeb logicznych.

71) Co rozumiesz przez izolowane testy jednostkowe?

Test izolowany to proces sprawdzania instancji klasy bez użycia wstrzykiwanych wartości lub zależności Angular. Pomaga w bardzo łatwym wdrożeniu programu.

72) Nazwij funkcje animacji DSL w AngularJS

Funkcje animacji DSL w AngularJS to: 1) group(), 2) state(), 3) przejście(), 4) style(), 5) keyframes(), 6) wyzwalacz(), 7) sekwencja() i 8) animować().

73) Co to jest moduł AngularJS?

W angularJS moduł jest procesem grupującym dyrektywy i powiązane ze sobą komponenty usług. Układa je w taki sposób, że można je mieszać z innymi modułami, tworząc aplikację.

74) Czym są potoki w AngularJs?

W wersji kątowej potoki zapewniają prostą metodę przekształcania danych. Jako dane wejściowe pobiera wartości takie jak tablice, liczby całkowite, dane i ciągi znaków i dzieli je za pomocą symbolu rurki (|). Konwertuje dane do wymaganego formatu. Pipes wyświetla to samo w przeglądarce. W angularJS zapewnia kilka wbudowanych potoków, ale programiści mogą również opracowywać własne potoki.

75) Wyjaśnij ViewEncapsulation w AngularJS

ViewEncapsulation określa, czy style zdefiniowane w komponencie AngularJS będą miały wpływ na całą aplikację, czy nie.

Przygotuj się do rozmowy kwalifikacyjnej!!! Iść przez Samouczek AngularJS żeby być lepiej przygotowanym.

Ten szczegółowy test próbny AngularJS pomoże Ci rozwiać wątpliwości dotyczące pytań na rozmowie kwalifikacyjnej AngularJS, a także pomoże Ci złamać rozmowę kwalifikacyjną.


Te pytania podczas rozmowy kwalifikacyjnej pomogą również w Twoim życiu (ustach)

Możesz lubić: