Skip to content

Instantly share code, notes, and snippets.

View huytrongnguyen's full-sized avatar

Huy Trong Nguyen huytrongnguyen

View GitHub Profile
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' });
import template from './home.html';
class HomeController {
constructor() {
this.title = 'Hello from AngularJS';
}
}
export default {
template,
import angular from 'angular';
import NavbarComponent from './navbar/navbar.component';
export default angular
.module('app.common', [])
.component('navbar', NavbarComponent);
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',
]);
import angular from 'angular';
import NavbarComponent from './navbar/navbar.component';
export default angular
.module('app.common', [])
.directive('navbar', () => NavbarComponent);
import template from './navbar.html';
class NavbarController {
constructor() {
this.title = 'Navbar here';
}
}
export default {
replace: true,
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
export default class HomeComponent {
constructor() {
this.title = 'Hello from AngularJS';
}
}
├── app/
│ ├── components/
│ │ ├── home/
│ │ │ ├── home.component.js
│ │ │ ├── home.html
│ │ └── components.module.js
│ ├── common/
│ │ ├── navbar/
│ │ │ ├── navbar.component.js
│ │ │ ├── navbar.html
<!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>AngularJS</title>
</head>
<body ng-app="app">
<section navbar></section>
<section ui-view></section>