Issue 1:
I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior

Plunkr: http://plnkr.co/edit/QPW3qrQmSPrDwwXYK6Wx?p=preview

Here shows an item detail page embeds a child view which exhibits the related items. When I click the related items to visit other item's detail page, the links of the tab("Overview" and "Related") doesn't update accordingly.

When clicks "Item: 2", the link of the tab is still "/item/1/related".

Expected/desired behavior

When clicks "Item: 2", the link of the tab should change to "/item/2/related".

Reproduction of the problem

If the current behavior is a bug or you can illustrate your feature request better with an example, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

Plunkr: http://plnkr.co/edit/QPW3qrQmSPrDwwXYK6Wx?p=preview

Please tell us about your environment:

Angular version: 2.0.0-rc.4

Angular Router version: 3.0.0-beta.2

Browser: [ Chrome 51 ]

Language: [TypeScript ]

Issue 2:
I'm submitting a ... (check one with "x")

[x] bug report => search github for a similar issue or PR before submitting

Current behavior

White screen, no error in console nor in webpack's terminal output.

Expected behavior

At least a few text words in screen, it's basically a simple hello world, shouldn't fail without errors, it shouldn't even fail to begin with.

Reproduction of the problem

I used this simple code, first main.ts:

// main.ts
import 'angular';
import {adapter} from './app';
import {App} from './app';

console.log(angular);

angular.module('ng1App', [])
.directive('myApp', function() {
return {
template: '<ng2></ng2>'
}
})
.directive('ng2', adapter.downgradeNg2Component(App));

adapter.bootstrap(document.body, ['ng1App']).ready(function(){
console.log('bootstrapped!');
});

Next adapter import from app/adapter.ts through a barrel in app:

import {forwardRef} from '@angular/core';
import {UpgradeAdapter} from '@angular/upgrade';
import {AppModule} from './app.module';

export const adapter = new UpgradeAdapter(AppModule);

Next app module in app/app.module.ts:

import {NgModule, ApplicationRef} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {RouterModule} from '@angular/router';

import {App} from './';
import {Home} from './home';

@NgModule({
imports: [
BrowserModule
],
declarations: [
App,
Home
]
})
export class AppModule {}

Next app component in app/app.component.ts:

import { Component } from '@angular/core';

@Component({
selector: 'ng2',
template: `
<home></home>
`
})
export class App {
}

Last home component which should be like a simple directive in app/home.ts:

import {Component} from '@angular/core';
import {adapter} from './adapter';

@Component({
selector: 'home',
template: `
Welcome Home
`
})
export class Home{ }

Please tell us about your environment:

OSX El Capitan, VSCode, NPM, http server -> gulp-connect

Angular version: 2.0.0

Browser: [all | Chrome 53 ]

Language: [TypeScript 2.0]