November 2019 - Page 2 of 2

Menginstall bootstrap pada angular 8 sangat mudah. Pertama-tama setelah kita membuat aplikasi angular, tambahkan satu button bootstrap pada app.component.html di atas resource:

<button class="btn btn-primary">Bootstrap Button</button>

  <!-- Resources -->
  <h2>Resources</h2>

<button class="btn btn-primary">Bootstrap Button</button>

<h2>Resources</h2>

Saat pertama kali dijalankan, kelas bootstrap tidak akan terinstall dan tampilan button masih sederhana. Untuk mengaktifkan kelas bootstrap, install package bootstrap dari npm :

npm install --save bootstrap

1	npm install --save bootstrap

Setelah itu, modifikasi angular.json dengan menambahkan bootstrap Read more about Angular Tips 1 : Menginstall Bootstrap pada Angular 8[…]

Di tutorial ini kita akan bersama-sama membuat proses CRUD pada Angular 8. Pada tutorial ini, yang dibutuhkan adalah Angular versi 8 untuk membuat frontendnya, dan Laravel untuk membuat web servicenya. Tabel yang digunakan adalah mysql, nama database bebas, nama tabel yang akan kita gunakan adalah tabel employee :

CREATE TABLE `employee` (
  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `first_name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `last_name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `email` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `status` int(11) DEFAULT 1,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

CREATE TABLE `employee` (

`id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,

`first_name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,

`last_name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,

`email` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,

`status` int(11) DEFAULT 1,

`created_at` timestamp NULL DEFAULT NULL,

`updated_at` timestamp NULL DEFAULT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

Membuat Web Service dengan Laravel Buat Read more about Basic Tutorial CRUD pada Angular 8[…]

indocoder.com

Month: November 2019

Angular Tips 1 : Menginstall Bootstrap pada Angular 8

Basic Tutorial CRUD pada Angular 8