[AngularJS] Help Dong Gan, Ane Ga Bisa Ngeluarin Data Dari Database Pakai Angular JS

Beranda
Komunitas
Tech
Programmer Forum
[AngularJS] Help Dong Gan, Ane Ga Bisa Ngeluarin Data Dari Database Pakai Angular JS

yupangestu

06-02-2016 11:19

[AngularJS] Help Dong Gan, Ane Ga Bisa Ngeluarin Data Dari Database Pakai Angular JS

Gan, ane minta tolong bagi yang paham aja, jadi ane kan pengin ambil data dari database dan tampilin diwebsite misalkan, tapi kok ane ga bisa yah?

ini codenya

Spoiler for index.html:

Code:

<!DOCTYPE html>

<html>

 <head>

 <meta charset="utf-8">

 [removed][removed]

 [removed][removed]

 <title>Belajar Angular</title>

 </head>

 <body ng-app="myApp" ng-controller="KaryawanCtrl">



 <form method="post">

 <input type="text" ng-model="karyawan.nama">

 <input type="text" ng-model="karyawan.alamat">

 <input type="submit" ng-click="tambahData()" value="simpan">

 </form>

 <table ng-init="dapatkanData()">

 <thead>

 <th>nama</th>

 <th>alamat</th>

 </thead>

 <tr ng-repeat="item in dataKaryawan">

 <td>{{item.nama}}</td>

 <td>{{item.alamat}}</td>

 </tr>

 </table>

 </body>

</html>

Spoiler for karyawan.php:

Code:

<?php

$koneksi = mysqli_connect("localhost","root","","belajar") or die("tidak bisa tersambung ke database");

$perintah_sql = "SELECT * FROM karyawan";



$data = [];

$result = mysqli_query($koneksi,$perintah_sql);



while($row= mysqli_fetch_array($result)){

 $temp_data = [];

 $temp_data['nama']= $row['nama'];

 $temp_data['alamat']=$row['alamat'];

 array_push($data,$temp_data);

}



echo json_encode($data);



 ?>

Spoiler for js/app.js:

Code:

var app= angular.module("myApp",[]);

 app.controller("KaryawanCtrl",function($scope,$http){

 //variabel awal

 $scope.aksi="tambah";

 $scope.karyawan={};

 //angularjs untuk menyimpan data ke database

 $scope.tambahData = function(){

 $http.post(

 'post.php',

 {

 data: $scope.karyawan

 }

 ).success(function(data){

 alert("data berhasil dimasukkan");

 }).error(function(){

 alert("Gagal menyimpan data");

 });

 

 //angularJS untuk menampilkan data ke tabel

 $scope.dapatkanData = function(){

 $http.get('karyawan.php').success(function(data){

 $scope.dataKaryawan = data;

 }); 

 };



 };

 });

Hasilnya begini gan [AngularJS] Help Dong Gan, Ane Ga Bisa Ngeluarin Data Dari Database Pakai Angular JS

ada yang bisa bantu ga? emoticon-Smilie

970

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan