Halo teman teman di panduan Cara Membangun CRUD Di AngularJs Menggunakan PHP myadmin Part 2 kali ini saya akan membahas mengenai cara menampilkan data dari database menggunakan AngularJS, nah di panduan sebelumnya kita telah membangun file koneksi dan cara input data ke database, disini saya masih menggunakan script yang terdapat di panduan Cara Membuat CRUD Pada AngularJs Menggunakan PHP myadmin Part 1. bila teman teman lupa dapat dilihat di panduan sebelumnya Cara Membuat CRUD Pada AngularJs Menggunakan PHP myadmin Part 1.
Oke teman teman kita seketika saja masuk ke study case nya, langkah pertama-tama pastikan teman teman telah membangun data base nya dulu yaa, berikutnya kita akan bikin file koneksinya seperti di panduan sebelumnya, berikutnya silahkan teman teman simpan script dibawah ini dengan nama index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type=“text/javascript” src=“https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js”></script>
<style type=”text/css”>
p{color:green; font-weight: bold}
.button{cursor:pointer;}
</style>
</head>
<body>
<div ng–app=“myApp” ng–controller=“cntrl”>
<form>
<table>
<tr>
<td>id</td>
<td>:</td>
<td><input type=“text” ng–model=“id” name=“id”></td>
</tr>
<tr>
<td>nama</td>
<td>:</td>
<td><input type=“text” ng–model=“nama” name=“id”></td>
</tr>
<tr>
<td>Domisili</td>
<td>:</td>
<td><textarea type=“text” ng–model=“tempat tinggal” name=“id”></textarea></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td> <input type=“radio” ng–model=“jenis” name=“id” value=“laki-laki” selected>Laki–laki
<input type=“radio” ng–model=“jenis” name=“id” value=“perempuan”>Perempuan</td>
<p>{{msg}}</p>
</tr>
<tr>
<td colspan=“3”><input type=“button” class=“button” value=“simpan” ng–click=“insertdata()”>
<input type=“reset” class=“button” value=“clear”></td>
</tr>
</table>
</form>
<!— table bagi menampilkan data—>
<table border=“1” cellspacing=“0”>
<tr>
<th>id</th>
<th>nama</th>
<th>tempat tinggal</th>
<th>jenis kelamin</th>
</tr>
<tr ng–repeat=“murid in data”>
<td>{{murid.id}}</td>
<td>{{murid.nama}}</td>
<td>{
(Visited 2 times, 1 visits today)
|
