Cara Penggunaan Factory pada Angular JS part 1
Halo teman teman di panduan kali ini saya akan menjelaskan mengenai Cara Pemakaian Factory di Angular JS di bahan Cara Pemakaian Factory di Angular JS part 1 kali saya akan membahas terlebih dahulu apa itu pengertian dan kegunaan dari factory tersebut, dan bagi implementasikan nya saya akan bahas di Cara Pemakaian Factory di Angular JS part 2.
Oke teman teman kita seketika saja pengertian dari factory tersebut, factory di pada Angular JS adalah sebuah sebuah data yang ingin kita yang akan kita masukan, kedalam controller dan dikala data tersebut di jalankan di browser karenanya data yang ditampilkan bukan lah data yang berasal dari controller tapi data yang berasal dari factory, jadi controller hanya selaku jembatan penghubungnya saja
Bagi contoh sederhananya di Cara Pemakaian Factory di Angular JS part 1 ini teman teman lazimnya simpan script di bawah ini dengan nama index.html
<!DOCTYPE html>
<html>
<head>
<title>Cara Pemakaian Factory di 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 bikin sebuah folder yang bernama js di pada folder tersebut kita akan bikin sebuah file yang bernama app.js di pada file tersebut silahkan teman teman simpan script dibawah ini di file app.js
var app=angular.module('FirstApp',[]);
app.factory('myFactory', function(){
return 'Cara Pemakaian Factory di Angular JS part 1 Berasal dari pada Factory';
})Di script app.js di atas teman teman dapat lihat kita menggunakan sebuah factory bagi memasukan data tersebut
Nah berikutnya di pada folder js kita akan bikin sebuah folder baru yang bernama controller, di pada folder controller tersebut kita akan bikin sebuah file yang bernama MainController.js, jikalau telah silahkan teman teman simpan script di bawah ini di file tersebut.
app.controller('MainController',['$scope','myFactory',function($scope, myFactory){
console.log(myFactory);
}]);Berikutnya kita akan coba menjalankan file index.html nya di browser karenanya akan terlihat kosong kan, tetapi coba teman teman klik kanan dan inspect element dan lihat hasilnya di console yang terdapat di browser
Oke teman teman lumayan demikianlah panduan saya kali ini mengenai, Cara Pemakaian Factory di Angular JS part 1, nya dan bagi mengimplementasikannya akan saya bahas di Cara Penggunaan Factory pada Angular JS part 2
Semoga bermanfaat, Terimakasih…
https://blogsupport-autoblog.blogspot.comcara-penggunaan-factory-pada-angular-js-part-2/
Sumber https://kursuswebsite.org
