Pengenalan dan Fungsi Ng-init pada AngularJS
Hallo teman-teman? bertemu lagi di panduan Source Code Aplikasi, di panduan kali ini kita akan membahas mengenai diantara guna yang terdapat di angular js, kalau sebelumnya kita telah belajar bebeapa guna yang terdapat di angular js seperti ng-app, ng-model dan ng-bind, kali ini kita akan membahas guna dari ng-init di angular js.
Dengan ng-init kita dapat merancang variable baru dengan berisikan nilai dimana nilai tersebut dapat kita tampilkan di jendela browser, mungkin kita seketika saja praktekan ya teman-teman.
Silahkan bikin sebuah file dan coba teman-teman ketikan script berikut:
<!DOCTYPE html>
<html>
<head>
<title>belajar</title>
<script src=http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js></script>
</head>
<body>
</body>
</html>
Script di atas adalah sebuah basic dari html dimana di bagian head saya memanggil file angular js secara online jadi teman-teman mesti terkoneksi internet yah?
Nah sekarang ini coba tambahkan script berikut di bagian body :
<div ng-app= ng-init=nama_depan='Siti';nama_belakang='Fatimah'>
<p>Nama Saya Yaitu : {{ nama_depan + + nama_belakang }}</p>
Saya merancang 2 buah variable didalam guna ng-init di mana variable pertama-tama nama_depan dengan nilai siti dan variable ke dua nama_belakang dengan nilai fatimah, lalu saya mencetaknya.
Jadi keseluruhan scriptnya seperti ini :
<!DOCTYPE html>
<html>
<head>
<title>belajar</title>
<script src=http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js></script>
</head>
<body>
<div ng-app= ng-init=nama_depan='Siti';nama_belakang='Fatimah'>
<p>Nama Saya Yaitu : {{ nama_depan + + nama_belakang }}</p>
</div>
</body>
</html>
Kalau di-save karenanya hasilnya akan seperti berikut:
Oke lumayan gampang ya teman-teman, silahkan coba praktekan di rumah, lumayan sekan dulu bagi panduan kali ini, terimakasih.
Sumber https://kursuswebsite.org
