Halo teman teman di panduan Cara Membangun CRUD Di AngularJs Menggunakan PHP Myadmin Part 4 ini kita akan membahas bagi cara mengedit data menggunakan AngularJS, di panduan sebelumnya kita telah membahas mengenai cara input data, menampilkan data, dan delete data dari database menggunakan AngularJs, kalau teman teman lupa dapat lihat dapat lihat panduan saya yang sebelumnya.
Oke teman teman kita seketika saja masuk ke study casenya Cara Membangun CRUD Di AngularJs Menggunakan PHP Myadmin Part 4, cara mengedit data menggunakan AngularJs
Bagi proses menej data kali ini kita masih menggunakan script yang sebelumnya hanya saja ada penambahan di bagian controller, 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
<!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” ng–disabled=“obj.idisable”></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=“{{btnName}}” 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>
(Visited 1 times, 1 visits today)
|
