75 Pertanyaan dan Jawaban Wawancara AngularJS (2025)

Oleh: James Hartman James Hartman
Hours Updated

Berikut adalah pertanyaan dan jawaban wawancara AngularJS untuk kandidat baru dan berpengalaman untuk mendapatkan pekerjaan impian mereka.

 

Pertanyaan dan Jawaban Wawancara AngularJS untuk Mahasiswa Baru

1) Apa itu AngularJS?

AngularJS adalah a JavaKerangka kerja skrip yang digunakan untuk membuat aplikasi halaman web tunggal. Kerangka kerja ini memungkinkan Anda menggunakan HTML sebagai bahasa templat dan memungkinkan Anda memperluas sintaksis HTML untuk mengekspresikan komponen aplikasi Anda dengan jelas.

Unduh PDF Gratis: Pertanyaan & Jawaban Wawancara AngularJS >>

2) Apa saja fitur utama AngularJS?

Fitur utama AngularJS adalah:

  • Cakupan
  • pengawas
  • Model
  • Liha
  • Layanan
  • Pengikatan Data
  • Direktif
  • filter
  • Dapat diuji

3) Jelaskan cakupan fungsi di AngularJS

Cakupan mengacu pada model aplikasi. Model ini bertindak sebagai perekat antara pengontrol aplikasi dan tampilan. Cakupan disusun dalam struktur hierarkis dan meniru struktur DOM (Model Objek Dokumen) aplikasi. Model ini dapat mengamati ekspresi dan menyebarkan peristiwa.

4) Jelaskan layanan di AngularJS

Layanan AngularJS adalah objek atau fungsi tunggal yang digunakan untuk melaksanakan tugas tertentu. Ini memegang beberapa logika bisnis.

5) Apa itu Ekspresi Sudut? Jelaskan perbedaan utama antara ekspresi sudut dan JavaEkspresi skrip

Seperti JavaScript, ekspresi Angular adalah potongan kode yang biasanya ditempatkan dalam pengikatan seperti {{ ekspresi }}

Perbedaan utama antara JavaEkspresi skrip dan ekspresi Angular adalah:

  • konteks: Di Angular, ekspresi dievaluasi terhadap objek cakupan, sedangkan JavaEkspresi skrip dievaluasi terhadap jendela global
  • memaafkan: Dalam ekspresi Angular, evaluasi memaafkan null dan tidak terdefinisi, sedangkan dalam JavaProperti skrip yang tidak ditentukan menghasilkan TypeError atau ReferenceError
  • Tidak Ada Pernyataan Aliran Kontrol: Perulangan, kondisional, atau pengecualian tidak dapat digunakan dalam ekspresi sudut
  • filter: Anda dapat menggunakan filter untuk memformat data sebelum menampilkannya.

6) Bagaimana Anda menginisialisasi kotak pilih dengan opsi saat memuat halaman?

Anda dapat menginisialisasi kotak pilih dengan opsi saat memuat halaman dengan menggunakan perintah ng-init.

  • <div ng-controller = ” apps/dashboard/account ” ng-switch
  • Aktif = “! ! akun” ng-init = ” loadData ( ) “>

7) Apa yang dimaksud dengan arahan? Sebutkan beberapa arahan yang paling umum digunakan dalam aplikasi AngularJS

Direktif adalah sesuatu yang memperkenalkan sintaksis baru. Mereka seperti penanda pada elemen DOM, yang memberikan perilaku khusus padanya. Dalam aplikasi AngularJS apa pun, arahan adalah komponen terpenting.

Beberapa arahan yang umum digunakan adalah:

1) model-ng

2) ng-Aplikasi

3) ng-mengikat

4) ng-ulangi

5) ng-pertunjukan

ARTIKEL TERKAIT

8) Bagaimana cara kerja rute Angular JS?

Rute AngularJS memungkinkan Anda membuat URL berbeda untuk konten berbeda di aplikasi Anda. URL berbeda untuk konten berbeda memungkinkan pengguna menandai URL ke konten tertentu. Setiap URL yang dapat di-bookmark di AngularJS disebut rute

Nilai di Angular JS adalah objek sederhana. Ini bisa berupa angka, string, atau JavaObjek skrip. Nilai biasanya digunakan sebagai konfigurasi yang dimasukkan ke dalam pabrik, layanan, atau pengontrol. Nilai harus menjadi milik modul AngularJS.

Memasukkan nilai ke dalam fungsi pengontrol AngularJS dilakukan dengan menambahkan parameter dengan nama yang sama dengan nilainya

9) Apa yang dimaksud dengan pengikatan data di AngularJS?

Sinkronisasi data secara otomatis antara komponen model dan tampilan disebut sebagai pengikatan data di AngularJS. Ada dua cara untuk pengikatan data

  1. Penambangan data dalam sistem templat klasik
  2. Pengikatan data dalam templat sudut

10) Apa manfaat AngularJS?

Manfaat AngularJS adalah:

  • Mendaftarkan Panggilan Balik: Tidak perlu mendaftarkan panggilan balik. Ini membuat kode Anda sederhana dan mudah untuk di-debug.
  • Kontrol HTML DOM secara terprogram: Aplikasi yang dibuat menggunakan Angular tidak perlu memanipulasi DOM.
  • Mentransfer data ke dan dari UI: AngularJS membantu menghilangkan hampir semua boilerplate. Itu bisa memvalidasi formulir, menampilkan kesalahan, kembali ke model internal, dan sebagainya.
  • Tidak ada kode inisialisasi: Dengan AngularJS, Anda dapat mem-bootstrap aplikasi Anda dengan mudah. Anda dapat menggunakan layanan injeksi otomatis ke aplikasi Anda di Guice.

11) Apa itu interpolasi string di Angular.JS?

Di Angular.js, kompiler selama proses kompilasi mencocokkan teks dan atribut. Ia menggunakan layanan interpolasi untuk melihat apakah mereka berisi ekspresi yang tertanam. Sebagai bagian dari siklus intisari normal, ekspresi ini diperbarui dan didaftarkan sebagai jam tangan.

12) Bagaimana langkah-langkah proses kompilasi HTML?

Proses kompilasi HTML terjadi dengan cara berikut:

  • Menggunakan API browser standar, pertama-tama, HTML diurai menjadi DOM
  • Dengan menggunakan panggilan ke $compile () metode, kompilasi DOM dilakukan. Metode ini melintasi DOM dan mencocokkan arahannya.
  • Tautkan templat dengan cakupan dengan memanggil fungsi penautan yang dikembalikan dari langkah sebelumnya

13) Jelaskan arahan dan jenisnya

Selama proses kompilasi, ketika fungsi HTML tertentu dipicu, ini disebut sebagai arahan. Ini dijalankan ketika kompiler menemukannya di DOM.

Berbagai jenis arahan adalah:

1) Arahan elemen

2) Arahan atribut

3) arahan kelas CSS

4) Arahan komentar.

14) Menjelaskan fungsi penghubung dan jenis-jenisnya

Link menggabungkan arahan dengan cakupan dan menghasilkan tampilan langsung. Untuk mendaftarkan pendengar DOM serta memperbarui DOM, fungsi tautan bertanggung jawab. Setelah templat dikloning, templat tersebut dijalankan.

  • Fungsi pra-tautan: Fungsi pra-tautan dijalankan sebelum elemen turunan ditautkan. Ini tidak dianggap sebagai cara yang aman untuk transformasi DOM.
  • Fungsi penautan pos: Fungsi penautan pos dijalankan setelah elemen turunan ditautkan. Aman untuk melakukan transformasi DOM dengan fungsi pasca-tautan

15) Jelaskan injektor di AngularJS

Injektor adalah pencari layanan. Ini digunakan untuk mengambil instance objek seperti yang ditentukan oleh penyedia, membuat instance tipe, memanggil metode, dan memuat modul. Ada satu injektor per aplikasi Angular, ini membantu untuk mencari instance objek berdasarkan namanya.

16) Apa perbedaan utama antara tautan dan kompilasi di Angular.js?

  • Fungsi kompilasi: Ini digunakan untuk manipulasi DOM template dan mengumpulkan semua arahan.
  • Fungsi tautan: Ini digunakan untuk mendaftarkan pendengar DOM dan juga misalnya, manipulasi DOM. Ini dijalankan setelah templat dikloning.

17) Apa fungsi pabrik di AngularJS?

Untuk membuat arahan, metode pabrik digunakan. Itu dipanggil hanya sekali ketika kompiler mencocokkan arahan untuk pertama kalinya. Dengan menggunakan $injector.invoke metode pabrik dipanggil.

18) Jelaskan bentuk gaya yang ditambahkan ngModel ke kelas CSS

NgModel menambahkan kelas CSS ini untuk memungkinkan penataan bentuk. Kelas validasi AngularJS adalah:

  1. ng- sah
  2. ng- tidak valid
  3. ng-asli
  4. ng-kotor

19) Apa karakteristik “Ruang Lingkup”?

  • Untuk mengamati cakupan mutasi model menyediakan API ($watch)
  • Untuk menyebarkan perubahan model apa pun melalui sistem ke dalam tampilan dari luar ranah Angular
  • Cakupan mewarisi properti dari cakupan induknya, sambil memberikan akses ke properti model bersama, cakupan dapat disarangkan untuk mengisolasi komponen aplikasi
  • Cakupan memberikan konteks terhadap ekspresi yang dievaluasi

20) Apa itu DI (Injeksi Ketergantungan) dan bagaimana suatu objek atau fungsi dapat memperoleh ketergantungannya?

DI atau Dependency Injection adalah pola desain perangkat lunak yang berhubungan dengan bagaimana kode mempertahankan dependensinya. Untuk mengambil elemen aplikasi yang perlu dikonfigurasi ketika modul dimuat, operasi “config” menggunakan injeksi ketergantungan.

Ini adalah cara yang digunakan objek untuk mempertahankan dependensinya

  • Biasanya menggunakan operator baru, ketergantungan dapat dibuat
  • Dengan mengacu pada variabel global, ketergantungan dapat dicari
  • Ketergantungan dapat diteruskan ke tempat yang diperlukan

Pertanyaan dan Jawaban Wawancara AngularJS untuk Profesional Berpengalaman

21) Menjelaskan konsep hierarki ruang lingkup

Setiap aplikasi angular terdiri dari satu root scope tetapi mungkin memiliki beberapa child scope. Karena child controller dan beberapa direktif membuat child scope baru, sebuah aplikasi dapat memiliki beberapa child scope. Ketika child scope baru dibentuk atau dibuat, mereka ditambahkan sebagai children dari parent scope mereka. Mereka juga membuat struktur hierarkis yang mirip dengan DOM.

22) Jelaskan perbedaan utama antara AngularJS dan backbone.js

AngularJS Tulang punggung.js
AngularJS adalah JavaKerangka kerja sumber terbuka berbasis skrip yang dirancang untuk mendukung aplikasi web dinamis. backbone.js adalah kerangka kerja yang mengabstraksi DOM ke dalam tampilan dan data ke dalam model dan kemudian mengikat keduanya menggunakan peristiwa.
Performanya bagus karena menyediakan proses pengikatan data dua arah Teknologi Backbone.js menawarkan kinerja lebih cepat dibandingkan AngularJS jika kumpulan datanya kecil
Ia bekerja pada MVS (Penyimpanan Virtual Berganda). Ia bekerja pada arsitektur MVP.
AngularJS menggunakan atribut HTML dinamis untuk memudahkan pemahaman aplikasi. Backbone.js menggunakan templat garis bawah untuk memahami aplikasi.
Ini memiliki dukungan komunitas yang besar. Dukungan komunitas terbatas pada templat garis bawah.

23) Siapa yang menciptakan Angular JS?

AngularJS dikembangkan oleh Adam Abrons dan Misko Hevery. Saat ini dikembangkan oleh Google.

24) Bagaimana cara mengintegrasikan AngularJS dengan HTML?

Pengembang dapat mengikuti langkah-langkah berikut untuk mengintegrasikan AngularJS dengan HTML:

Langkah 1: termasuk AngularJS JavaSkrip di halaman html.

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

Langkah 2: Tunjukkan aplikasi AngularJS.

Anda harus menambahkan atribut ng-app di dalam tag body HTML untuk mengetahui bagian HTML mana yang dimiliki aplikasi AngularJS seperti yang ditunjukkan pada contoh berikut:

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

25) Apa itu filter orderby di AngularJS?

Filter Orderby di AngularJS mengurutkan array berdasarkan kriteria yang ditentukan. Contoh berikut menyatakan cara mengurutkan produk berdasarkan harga.

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

26) Apa itu ng-non-bindable di AngularJS?

Ng-non-bindable menentukan AngularJs untuk tidak mengkompilasi elemen HTML dan node turunannya. Misalnya:

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

27) Jelaskan penggunaan event double click di AngularJS

Acara klik ganda AgularJS memungkinkan Anda menentukan perilaku khusus pada acara klik ganda mouse di halaman web seperti:

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

28) Jelaskan arahan ng-klik di AngularJS dengan contoh

Arahan ng-klik dapat digunakan dalam skenario ketika Anda harus mengklik tombol atau ingin melakukan operasi apa pun.

Contoh:

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

29) Mengapa menggunakan ng-include di AngularJS?

Ng-include di AngularJS membantu Anda menyematkan halaman HTML dalam satu halaman HTML. Contoh:

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

30) Bagaimana cara melakukan panggilan ajax menggunakan Angular JS?

AngularJS menawarkan kontrol $https: yang membantu Anda membuat panggilan ajax untuk membaca data server. Server membuat panggilan basis data untuk mendapatkan data yang dibutuhkan. Setelah data Anda dalam format JSON siap, Anda dapat menggunakan $https: untuk mengambil data dari server dengan cara berikut:

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

31) Jelaskan penggunaan $routeProvider

Di Angular JS $routeProvider mengatur konfigurasi URL. Itu dipetakan dengan ng-template atau halaman HTML terkait dan melampirkan pengontrol dengan yang sama.

32) Bagaimana cara mengatur, mendapatkan, dan menghapus cookie di AngularJS?

Anda dapat gunakan:

  • $cookies.put() metode untuk mengatur cookie.
  • metode $cookies.get() untuk mendapatkan cookie.
  • $cookies.remove untuk menghapus cookie di AngularJS.

33) Apa yang dimaksud dengan metode pelayanan?

Metode layanan di AngularJS membantu Anda menentukan layanan dan metode di dalamnya. Dalam contoh berikut, kami telah menyuntikkan layanan penjumlahan sederhana, yang menambahkan dua angka.

<! 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) Sebutkan komponen AngularJS yang dapat dimasukkan sebagai ketergantungan

Komponen AngularJS yang dapat dimasukkan sebagai ketergantungan adalah: 1) nilai, 2) pabrik, 3) layanan, 4) penyedia, 5) konstan.

35) Apa saja fungsi umum Angular Global API

Beberapa fungsi Angular Global API yang umum digunakan adalah:

  • Angular.isString: Ini akan mengembalikan nilai true hanya jika referensi yang diberikan bertipe string.
  • Sudut.huruf kecil: Itu mengubah string apa pun menjadi huruf kecil
  • Sudut.huruf besar: Itu mengubah string apa pun menjadi huruf besar.
  • Angular.isNumber: Ini mengembalikan nilai benar hanya jika referensinya adalah nilai numerik atau angka.

36) Tulis program untuk menyembunyikan tag HTML hanya dengan satu klik tombol di sudut

<!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) Apa itu BOM (Model Objek Peramban)?

BOM atau Model Objek Browser terdiri dari riwayat, navigator objek, lokasi layar, dll. Ini menentukan objek browser global seperti konsol, penyimpanan lokal, dan jendela.

38) Jelaskan “$rootScope” di AngularJS

“$rootScope” adalah cakupan yang dibuat pada elemen DOM (Document Object Model).

Aplikasi hanya dapat memiliki satu $rootScope yang berbagi, di antara komponen-komponen lainnya. Aplikasi tersebut memiliki direktif ng-app. Cakupan lainnya disebut sebagai cakupan turunannya. Aplikasi tersebut dapat memantau ekspresi serta menyebarkan peristiwa.

39) Berikan contoh ng-view di Angular

Perhatikan contoh berikut:

<!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) Apa sintaks metode pabrik di AngularJS?

Sintaks Pabrik adalah sebagai berikut:

app.factory('serviceName',function(){ kembalikan serviceObj;})

41) Sebutkan fase-fase berbeda dari siklus hidup AngularJS Scope.

Berikut adalah fase-fase berbeda dari siklus hidup AngularJS Scope:

  • Penciptaan
  • Mutasi model
  • Pendaftaran pengamat
  • Pengamatan mutasi
  • Penghancuran ruang lingkup

42) Tulis program untuk proses bootstrap di Angular

program untuk proses bootstrap di Angular adalah:

<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) Apa yang dimaksud dengan aplikasi satu halaman di AngularJS?

SPA atau aplikasi satu halaman adalah situs web atau aplikasi web yang berinteraksi dengan pengguna secara dinamis. Di AngularJS, JavaScript, HTML, dan CSS dapat dimuat dalam satu halaman. Ia menjalankan navigasi tanpa harus me-refresh seluruh halaman HTML.

44) Jelaskan konsep webpack

Webpack adalah bundler modul untuk Angular2 atau lebih tinggi. Ini menggabungkan, mentranspilasi, dan mengecilkan aplikasi AngularJS.

45) Apa yang dimaksud dengan NPM?

NPM adalah singkatan dari Node Package Manager. Ini terdiri dari klien alat baris perintah untuk berinteraksi dengan repositori proyek Node.js.

46) Bagaimana cara membuat proyek baru di AngularJS menggunakan Command Line Interface?

Setelah Anda menginstal antarmuka baris perintah Angular, Anda harus menjalankan perintah nama proyek baru untuk membuat proyek baru di Angular.

47) Jelaskan proses auto bootstrap di AngularJS

Angular menginisialisasi secara otomatis acara DOMContentLoaded atau ketika Anda mengunduh skrip Angular.js ke browser.

Setelah ini, AngularJS akan menemukan perintah ng-app yang merupakan akar dari kompilasi aplikasi Angular. Ketika perintah ng-app ditemukan, AngularJS akan melakukan langkah-langkah berikut:

1) memuat modul, yang terkait dengan arahan,

2) Buat injektor aplikasi,

3) Kompilasi DOM dari elemen root ng-app. Proses ini dikenal sebagai bootstrapping otomatis.

48) Apa yang dimaksud dengan ekspresi fungsi yang segera dipanggil?

IIFEs atau Ekspresi Fungsi Segera Dipanggil adalah fungsi yang dijalankan segera setelah dibuat. Ini menawarkan cara sederhana untuk mengisolasi deklarasi variabel. IIFEs berisi dua fungsi utama:

1) operator()

2) ekspresi()

49) Apa siklus intisari di AngularJS?

Siklus intisari adalah bagian penting dari pengikatan data di AngularJS, yang mana membandingkan versi lama dan baru dari model cakupan. Siklus digest dipicu secara otomatis atau manual dengan menggunakan fungsi $apply().

50) Apa persyaratan dasar untuk bekerja dengan AngularJS?

Anda harus mengunduh AngularJS versi terbaru dari AngularJS.com untuk belajar atau bekerja dengan AngularJS. Anda dapat memerlukan file JS dan menyimpannya secara lokal, atau Anda juga dapat menggunakan Google CDN (Content Delivery Network) untuk mereferensikannya.

51) Bisakah kita membuat pengontrol bersarang di AngularJS?

Ya, kita bisa membuat pengontrol bersarang di AngularJS.

Contoh pengontrol bersarang adalah sebagai berikut:

<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) Apa itu Otentikasi?

Otentikasi adalah layanan yang digunakan untuk login dan logout aplikasi Angular. Kredensial pengguna diteruskan ke API di server. Kemudian pasca validasi sisi server kredensial ini, JSON Web Token dikembalikan, yang berisi detail tentang pengguna saat ini.

53) Tentukan Materi AngularJS

AngularJS Material adalah implementasi dari Spesifikasi Desain Material Google. Ia menawarkan serangkaian komponen UI yang telah teruji dan dapat digunakan kembali untuk pemrogram AngularJS.

54) Apa perbedaan penting antara Angular 7 dan Angular 8

Sudut 7 Sudut 8
Angular 7 sulit digunakan Sudut 8 sangat mudah digunakan
Ini memberikan dukungan untuk versi bahasa pemrograman TypeScript 3.4 yang lebih rendah Itu tidak menyediakan dukungan untuk versi bahasa pemrograman TypeScript 3.4 yang lebih rendah
Mendukung semua versi Node.js Hanya mendukung versi Node.js 12.

55) Apa itu ngzone?

Zona ng adalah a JavaKelas pembungkus skrip yang dilambangkan dengan Zone.js. Hal ini memungkinkan pengembang untuk secara eksplisit menjalankan kode tertentu di luar zona Angular, yang menghambat sudut untuk menjalankan deteksi perubahan apa pun.

56) Sebutkan perbedaan antara Komponen Sudut dan Petunjuk

Komponen Direktif
Komponen sudut adalah arahan yang memungkinkan Anda memanfaatkan fungsionalitas komponen web di seluruh aplikasi. Arahan sudut adalah teknik yang dengannya kita melampirkan perilaku pada elemen.
Ini membantu Anda membagi aplikasi Anda menjadi komponen-komponen yang lebih kecil. Ini membantu Anda merancang komponen yang dapat digunakan kembali.
Itu dapat mendefinisikan pipa Itu tidak dapat mendefinisikan pipa.

57) Definisikan Skrip ECMA

ECMAScript (Asosiasi Produsen Komputer Eropa) adalah standar untuk bahasa skrip. JavaScript menggunakan ECMAScript sebagai bahasa inti. Pengembang dapat memanfaatkannya untuk menulis skrip sisi klien di web dan atau aplikasi dan layanan server. ECMAScript memiliki banyak fitur seperti fitur fungsional, prototipe, dinamis, dan terstruktur.

58) Apa itu Kompiler Traceur?

Traceur adalah a JavaKompiler skrip yang menggunakan kelas, generator, dan fitur lain dari ECMAScript.

59) Bagaimana cara mengubah string menjadi mata uang?

Anda dapat mengonversi input string menjadi filter mata uang jenis mata uang di Angular.

60) Apa itu template di AngularJS?

Templat adalah file HTML yang digunakan dengan arahan dan atribut AngularJs.

61) Jelaskan perbedaan antara Angular dan jQuery

AngularJS JQuery
AngularJs sulit dimengerti Jquery sangat mudah dimengerti.
Ini mendukung proses pengikatan dua arah Itu tidak mendukung proses pengikatan data
Ini memberikan dukungan untuk perutean tautan dalam Itu tidak memberikan dukungan untuk perutean tautan dalam

62) Apa yang dimaksud dengan Kompilasi Ahead of Time?

Angular AOT (Ahead of Time) adalah kompiler yang mengubah kode HTML dan TypeScript Angular Anda menjadi JavaKode skrip.

63) Daftar jenis filter di AngularJS

Jenis filter yang digunakan di AngularJS adalah: 1) Mata uang, 2) Huruf besar, 3) Huruf kecil, 4) orderBy, 5) JSON, dan 6) limitTo.

64) Jelaskan fungsi ngOnInit ().

Fungsi ngOnInit () adalah hook siklus hidup yang dipanggil setelah selesainya properti terikat data dari direktif.

65) Apa itu transklusi di AngularJS?

Transklusi dalam AngulaJS memungkinkan pengembang untuk mengalokasikan ulang anak-anak direktif asli ke lokasi tertentu dalam suatu templat. Direktif ng menunjukkan titik penyisipan untuk DOM yang ditransklusikan dari direktif induk terdekat, yang menggunakan transklusi. Direktif ng-transclude-slot atau ng-transclude terutama digunakan untuk transklusi.

66) Kait yang menyala tersedia di AngularJS

Macam-macam hook di AngularJS adalah:

1) ngOnInit()

2) ngOnChanges(),

3) ngDoCheck(),

4) ngAfterContentInit(),

5) ngAfterContentChecked(),

6)ngOnDestroy(),

7) ngAfterViewChecked(), dan

8)ngAfterViewInit()

67) Apa saja bagian penting dari metadata AngularJS?

Metadata AngularJS digunakan untuk menghiasi kelas yang menggambarkan perilaku yang diharapkan dari kelas tertentu. Berbagai bagian metadata adalah: 1) dekorator kelas, 2) dekorator metode, dekorator parameter, dan 4) dekorator properti.

68) Apa itu CLI Sudut?

CLI Angular juga disebut sebagai alat antarmuka baris perintah. Ini digunakan untuk membangun, menginisialisasi, dan memelihara aplikasi Angular. Perangkat lunak CLI dapat digunakan melalui UI yang sangat interaktif seperti command shell atau Angular Console.

69) Jelaskan pipa berparameter di AngularJS

Di angleJS, pipa dapat memiliki lebih dari satu parameter untuk menyesuaikan keluaran yang bagus. Anda dapat membuat pipa berparameter dengan mendeklarasikan pipa dengan titik dua(:) dan nilai parameter. Pengembang dapat memisahkan beberapa nilai parameter dengan titik dua (:).

70) Apa itu Perutean?

Routing adalah metode penggabungan berbagai tampilan. Pengontrol mengambil keputusan untuk menggabungkan pandangan-pandangan ini bergantung pada kebutuhan logis.

71) Apa yang Anda maksud dengan pengujian unit terisolasi?

Tes terisolasi adalah proses memeriksa instance kelas tanpa menggunakan nilai apa pun yang disuntikkan atau ketergantungan Angular. Ini membantu Anda mengimplementasikan program dengan sangat mudah.

72) Sebutkan fungsi animasi DSL di AngularJS

Fungsi animasi DSL di AngularJS adalah: 1) group(), 2) state(), 3) transisi(), 4) style(), 5) keyframes(), 6) trigger(), 7) sequence(), dan 8) menghidupkan().

73) Apa itu modul AngularJS?

Di AngularJS, modul adalah proses untuk mengelompokkan arahan dan komponen layanan yang terkait. Ini mengaturnya sedemikian rupa sehingga dapat digabungkan dengan modul lain untuk membuat aplikasi.

74) Apa itu pipa di AngularJs?

Dalam sudut, pipa menyediakan metode sederhana untuk mengubah data. Dibutuhkan nilai seperti array, integer, data, dan string sebagai input dan dibagi dengan simbol pipa (|). Ini mengkonversi data dalam format yang diperlukan. Pipes menampilkan hal yang sama di browser. Di AngularJS, ia menyediakan beberapa pipa bawaan, namun pengembang juga dapat mengembangkan pipa mereka sendiri.

75) Jelaskan ViewEncapsulation di AngularJS

ViewEncapsulation menentukan apakah gaya yang ditentukan dalam komponen AngularJS akan memengaruhi keseluruhan aplikasi atau tidak.

Persiapan Untuk Wawancara Kerja Anda!!! Lewati Tutorial AngularJS untuk lebih siap.

Tes Mock AngularJS yang terperinci ini akan membantu Anda menghilangkan keraguan tentang pertanyaan wawancara AngularJS dan juga akan membantu Anda memecahkan wawancara.


Pertanyaan wawancara ini juga akan membantu dalam viva Anda (lisan)

Anda mungkin ingin: