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

Beranda

...

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

yupangestu

06-02-2016 04: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;

 }); 

 };



 };

 });