Contenu connexe
Similaire à ngJapan報告会 (20)
ngJapan報告会
- 12. $routeConfig
angular.model('example', [
'example.goobye',
'example.welcame',
'ngAnimate',
'ngNewRouter'
])
.controller('AppController', ['$router', AppController]);
AppController.$routeConfig = [
{ path: '/', redirectTo: '/welcome' },
{ path: '/welcame', component: 'welcome' },
{ path: '/goodbye', component: 'goodbye' }
];
function AppController($router) { this.greeting = Hello'; }
- 15. Sibling Routes
AppController.$routeConfig = [
{ path: '/', redirectTo: '/users/posts' },
{ path: '/users/posts', components: { left: 'users', right: 'posts' } },
{ path: '/posts/users', components: { left: 'posts', right: 'users' } }
];
<nav>
<a href="./users/posts">users then posts</a>
<a href="./posts/users">posts then users</a>
</nav>
<div class="container">
<div ng-viewport="left"></div>
<div ng-viewport="right"></div>
</div>
- 24. Angular 2 - 機能
Viewports
New languages
Web Components
New template syntax
Unidirectional data flow
Ultra-fast change detection
