Halo teman teman pada tutorial kali ini saya akan menjelaskan tentang Cara Penggunaan Factory pada Angular JS pada materi Cara Penggunaan Factory pada Angular JS part 1 kali saya akan mebahasa terlebih dahulu apa itu pengertian dan fungsi dari factory tersebut, dan untuk implementasikan nya saya akan bahas pada Cara Penggunaan Factory pada Angular JS part 2.
Oke teman teman kita langsung saja pengertian dari factory tersebut, factory di dalam Angular JS merupakan sebuah data yang ingin kita yang akan kita masukan, kedalam controller dan saat data tersebut di jalankan pada browser maka data yang ditampilkan bukan lah data yang bersal dari controller tapi data yang berasal dari factory, jadi controller hanya sebagai jembatan penghubungnya saja
Untuk contoh serderhananya pada Cara Penggunaan Factory pada Angular JS part 1 ini teman teman biasa simpan script di bawah ini dengan nama index.html
<!DOCTYPE html>
<html>
<head>
<title>Cara Penggunaan Factory pada Angular JS part 1</title>
</head>
<script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js”></script>
<script type=”text/javascript” src=”js/app.js”></script>
<script type=”text/javascript” src=”js/controllers/MainController.js”></script>
<body ng-app=”FirstApp”>
<div ng-controller=”MainController”>
</div>
</body>
</html>
Dan kemudian kita akan buat sebuah folder yang bernama js di dalam folder tersebut kita akan buat sebuah file yang bernama app.js di dalam file tersebut silahkan teman teman simpan script dibawah ini pada file app.js
var app=angular.module(‘FirstApp’,[]);
app.factory(‘myFactory’, function(){
return ‘Cara Pengunaan Factory pada Angular JS part 1 Berasal dari dalam Factory’;
})
Pada script app.js di atas teman teman bisa lihat kita mengunakan sebuah factory untuk memasukan data tersebut
Nah berikutnya di dalam folder js kita akan buat sebuah folder baru yang bernama controller, di dalam folder controller tersebut kita akan buat sebuah file yang bernama MainController.js, jika sudah silahkan teman teman simpan script dibawah ini pada file tersebut.
app.controller(‘MainController’,[‘$scope’,’myFactory’,function($scope, myFactory){
console.log(myFactory);
}]);
Berikutnya kita akan coba menjalankan file index.html nya pada browser maka akan terlihat kosong kan, tetapi coba teman teman klik kanan dan inspect element dan lihat hasilnya pada console yang terdapat pada browser
Oke teman teman cukup sekian tutorial saya kali ini tentang, Cara Penggunaan Factory pada Angular JS part 1, nya dan untuk mengimplementasikannya akan saya bahas pada Cara Penggunaan Factory pada Angular JS part 2
Semoga bermanfaat, Terimakasih…
The post Cara Penggunaan Factory pada Angular JS part 1 appeared first on Kursus Website Terbaik.