苍驳闯补辫补苍报告会
- 12. $routeCon?g
angular.model('example', [
'example.goobye',
'example.welcame',
'ngAnimate',
'ngNewRouter'
])
.controller('AppController', ['$router', AppController]);
AppController.$routeCon?g = [
{ path: '/', redirectTo: '/welcome' },
{ path: '/welcame', component: 'welcome' },
{ path: '/goodbye', component: 'goodbye' }
];
function AppController($router) { this.greeting = Hello'; }
- 15. Sibling Routes
AppController.$routeCon?g = [
{ 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 ?ow
Ultra-fast change detection
![$routeCon?g
angular.model('example', [
'example.goobye',
'example.welcame',
'ngAnimate',
'ngNewRouter'
])
.controller('AppController', ['$router', AppController]);
AppController.$routeCon?g = [
{ path: '/', redirectTo: '/welcome' },
{ path: '/welcame', component: 'welcome' },
{ path: '/goodbye', component: 'goodbye' }
];
function AppController($router) { this.greeting = Hello'; }](https://image.slidesharecdn.com/angular-140908044329-phpapp01/85/ngJapan-12-320.jpg)
![Sibling Routes
AppController.$routeCon?g = [
{ 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>](https://image.slidesharecdn.com/angular-140908044329-phpapp01/85/ngJapan-15-320.jpg)
