Huy Trong Nguyen huytrongnguyen

Software and Data tinkerer

huytrongnguyen / angularjs12.component.module.js

Created April 7, 2018 01:49

	import angular from 'angular';
	import HomeComponent from './home/home.component';
	import homeTemplate from './home/home.html';

	export default angular
	.module('app.components', [])
	.controller('HomeComponent', HomeComponent)
	.config(($stateProvider, $urlRouterProvider) => {
	'ngInject';
	$stateProvider

huytrongnguyen / angularjs12.navbar.component.js

Last active April 7, 2018 03:08

	import template from './navbar.html';

	class NavbarController {
	constructor() {
	this.title = 'Navbar here';
	}
	}

	export default {
	replace: true,

huytrongnguyen / angularjs12.common.module.js

Last active April 7, 2018 03:09

	import angular from 'angular';
	import NavbarComponent from './navbar/navbar.component';

	export default angular
	.module('app.common', [])
	.directive('navbar', () => NavbarComponent);

huytrongnguyen / angularjs12.app.module.js

Created April 7, 2018 01:51

	import 'babel-polyfill';
	import angular from 'angular';
	import CommonModule from './common/common.module';
	import ComponentModule from './components/components.module';

	angular.module('app', [
	'ui.router',
	'app.common',
	'app.components',
	]);

huytrongnguyen / angularjs15.common.module.js

Last active April 7, 2018 03:11

	import angular from 'angular';
	import NavbarComponent from './navbar/navbar.component';

	export default angular
	.module('app.common', [])
	.component('navbar', NavbarComponent);

huytrongnguyen / angularjs15.home.component.js

Created April 7, 2018 03:26

	import template from './home.html';

	class HomeController {
	constructor() {
	this.title = 'Hello from AngularJS';
	}
	}

	export default {
	template,

huytrongnguyen / angularjs15.component.module.js

Last active April 7, 2018 03:56

	import angular from 'angular';
	import Home from './home/home.component';

	export default angular
	.module('app.components', [])
	.component('home', Home)
	.config(($stateProvider, $urlRouterProvider) => {
	'ngInject';
	$stateProvider
	.state('home', { url: '/', component: 'home' });

huytrongnguyen / angular5.package.json

Last active April 8, 2018 01:56

	{
	"name": "angular-demo",
	"version": "5.2.9",
	"scripts": {
	"build": "webpack",
	"serve": "webpack && webpack-dev-server --hot --inline --open"
	},
	"babel": {
	"presets": [ "env" ],
	"plugins": [

huytrongnguyen / angular5.webpack.config.babel.js

Last active April 8, 2018 02:05

	import path from 'path';
	import webpack from 'webpack';
	import ExtractTextPlugin from 'extract-text-webpack-plugin';

	export default {
	devtool: 'inline-source-map',
	entry: {
	'js/vendor': [
	'@angular/common',
	'@angular/compiler',

huytrongnguyen / angular5.index.html

Created April 8, 2018 02:10

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>Angular Demo</title>
	</head>
	<body>
	<my-app></my-app>
	<script src="dist/js/vendor.js"></script>