Downloaded 13 times
![$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'; }](https://image.slidesharecdn.com/angular-140908044329-phpapp01/85/ngJapan-12-320.jpg)
![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>](https://image.slidesharecdn.com/angular-140908044329-phpapp01/85/ngJapan-15-320.jpg)
ngJapan報告会
- 1.
- 2. 佐川 夫美雄 HTML5 Experts.jpエキスパート html5j（スタッフ） AngularJS Japan User Group（スタッフ）(Fumio SAGAWA)
- 3.
- 4.
- 5.
- 6. New Router Pluralization andGender support ng-animate update ng-message update ng-cookies update
- 7.
- 8.
- 9.
- 11.
- 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'; }
- 13. ng-link <body ng-app="example" ng-strict-di ng-controller="AppController asapp"> <nav> <ul> <li><a ng-link="welcame">welcame</a></li> <li><a ng-link="goodbye">goodbye</a></li> </ul> </nav> <ng-viewport></ng-viewport> </body>
- 14.
- 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>
- 16. マイグレーション - NewRouterは、Angular 1からAngular2へのマイグレーションを簡単にする Angular 1とAngular 2とで同じコンフィグレーションを使っ ていく 新しいRouterを使っていくことで一部はAngular 1で他の一 部Angular 2で動く
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24. Angular 2 -機能 Viewports New languages Web Components New template syntax Unidirectional data flow Ultra-fast change detection
- 25.
- 26.
- 27.
- 29.
- 30.
- 32.