Halo teman teman di panduan Cara Membangun CRUD Di AngularJs Menggunakan PHP Myadmin Part 3, kita akan membangun bagi proses delete datanya, di panduan Cara Membuat CRUD Pada AngularJs Menggunakan PHP Myadmin Part 2, kita telah membahas cara menampilkan data dari database, nah kini kita akan mencoba bagi cara delete data menggunakan AngularJS kalau teman teman lupa silahkan dilihat lagi panduan saya sebelumnya di Cara Membuat CRUD Pada AngularJs Menggunakan PHP Myadmin Part 1
Oke teman teman bagi proses delete datanya kita masih menggunakan file yang sebelumnya, pastikan teman teman telah membangun database dan file koneksinya terlebih dahulu ya, kemudian 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
83
84
85
86
87
88
89
90
91
92
|
<!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>Tempat tinggal</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>
<th>Action</th>
</tr>
<tr <
sumber :kursuswebprogramming.com/blog/
(Visited 31 times, 1 visits today)
|
