Tutorial AngularJS #21 : AngularJS Includes
AngularJS Includes
Dalam konteks AngularJS, penggunaan "includes" bisa mengacu pada beberapa hal tergantung pada konteksnya.
-
ngInclude Directive: Di AngularJS, terdapat direktif
ngIncludeyang memungkinkan Anda menyertakan konten dari file eksternal ke dalam halaman HTML Anda. Ini memungkinkan Anda untuk memisahkan komponen-komponen ke dalam file terpisah dan menyertakannya ke dalam halaman utama dengan menggunakan sintaksng-include.Contoh penggunaan
ng-include:<div ng-include="'path/to/your/template.html'"></div>Directive ini memuat file eksternal yang ditentukan dan menyertakannya ke dalam elemen yang menggunakan direktif
ng-include. -
Dependency Injection: AngularJS juga menggunakan konsep dependency injection yang memungkinkan Anda menyertakan (meng-inject) dependensi ke dalam komponen AngularJS Anda. Ini memungkinkan penggunaan dependensi eksternal, seperti layanan (services) atau objek lain, ke dalam komponen AngularJS Anda.
Contoh dependency injection di AngularJS:
// Contoh layanan yang disertakan (included service) angular.module('myApp', []) .service('myService', function() { this.doSomething = function() { // Lakukan sesuatu }; }); // Menggunakan layanan tersebut di dalam komponen angular.module('myApp') .controller('myController', function($scope, myService) { // Gunakan layanan yang disertakan myService.doSomething(); });
Dalam kedua konteks di atas, "includes" dalam AngularJS mengacu pada cara untuk menyertakan konten atau dependensi eksternal ke dalam aplikasi Anda dengan menggunakan ngInclude directive atau menggunakan dependency injection.







