Issue 1:
What is the way to translate document title in angular 2.

I can change document title with Title service but how can I translate it?

Angular 2 supports translations only in component templates with i18n directive. I cannot use it in head of html document because it is outside of angular compiler scope.

Issue 2:
ng2-quickstart@1.0.1 start E:\portal\ng2-webpack-aot

webpack-dev-server --progress --inline --hot

keywords if/then/else require v5 option

10% building modules 3/3 modules 0 active http://127.0.0.1:8010/

webpack result is served from http://127.0.0.1:8010/

404s will fallback to /index.html

chunk {0} 0.chunk.js 4.55 kB {2} [rendered]

chunk {1} 1.chunk.js 4.55 kB {2} [rendered]

chunk {2} app.js, app.css (app) 2.7 MB {3} [initial] [rendered]

chunk {3} vendor.js (vendor) 67 bytes {4} [initial] [rendered]

chunk {4} polyfills.js (polyfills) 496 kB [entry] [rendered]

WARNING in ./~/.2.4.1@@angular/core/src/linker/system_js_ng_module_factory_loader.js

69:15 Critical dependency: the request of a dependency is an expression

WARNING in ./~/.2.4.1@@angular/core/src/linker/system_js_ng_module_factory_loader.js

85:15 Critical dependency: the request of a dependency is an expression

ERROR in [default] E:\portal\ng2-webpack-aot\node_modules.0.5.0@@types\source-map\index.d.ts:7:20

Duplicate identifier 'sourceMap'.

ERROR in [default] E:\portal\ng2-webpack-aot\node_modules@types\source-map\index.d.ts:7:20

Duplicate identifier 'sourceMap'.

Child html-webpack-plugin for "index.html":

chunk {0} index.html 304 bytes [entry] [rendered]

Child extract-text-webpack-plugin:

chunk {0} extract-text-webpack-plugin-output-filename 1.73 kB [entry] [rendered]

webpack: bundle is now VALID.

package.json

{

"name": "ng2-quickstart",

"description": "angular2 quickstart project",

"version": "1.0.1",

"scripts": {

"serverstart":"npm run build && npm run serve",

"serve": "http-server ./dist -a 0.0.0.0 -p 9000",

"prestart": "cross-env NODE_ENV=dev",

"start": "webpack-dev-server --progress --inline --hot",

"prebuild": "rimraf dist",

"build": "cross-env NODE_ENV=prod webpack --progress"

},

"dependencies": {

"@angular/common": "2.4.1",

"@angular/compiler": "2.4.1",

"@angular/core": "2.4.1",

"@angular/forms": "2.4.1",

"@angular/http": "2.4.1",

"@angular/platform-browser": "2.4.1",

"@angular/platform-browser-dynamic": "2.4.1",

"@angular/router": "3.4.1",

"angular2-cookie": "1.2.6",

"core-js": "2.4.1",

"rxjs": "5.0.1",

"zone.js": "0.7.4"

},

"devDependencies": {

"@angularclass/hmr": "1.2.2",

"@angularclass/hmr-loader": "3.0.2",

"angular2-router-loader": "0.3.4",

"@angular/compiler-cli": "2.4.1",

"@angular/platform-server": "2.4.1",

"@ngtools/webpack": "1.2.1",

"@types/core-js": "0.9.35",

"@types/jasmine": "2.5.40",

"@types/node": "6.0.40",

"@types/webpack": "1.12.35",

"reflect-metadata": "0.1.9",

"angular2-template-loader": "0.4.0",

"awesome-typescript-loader": "2.2.4",

"cross-env": "3.1.3",

"css-loader": "0.25.0",

"extract-text-webpack-plugin": "2.0.0-beta.3",

"file-loader": "0.8.5",

"html-loader": "0.4.4",

"html-webpack-plugin": "2.15.0",

"node-sass": "3.13.1",

"raw-loader": "0.5.1",

"postcss-loader": "0.11.1",

"resolve-url-loader": "1.6.0",

"rimraf": "2.5.2",

"style-loader": "0.13.1",

"ts-loader": "0.8.1",

"typescript": "2.0.3",

"webpack": "2.1.0-beta.26",

"webpack-dev-server": "2.1.0-beta.10",

"webpack-merge": "0.14.0"

}

}

tsconfig.json

{

"compilerOptions": {

"target": "es5",

"module": "commonjs",

"moduleResolution": "node",

"sourceMap": false,

"emitDecoratorMetadata": true,

"experimentalDecorators": true,

"removeComments": true,

"noImplicitAny": true,

"suppressImplicitAnyIndexErrors": true,

"typeRoots": [

"node_modules/@types"

]

},

"exclude": [

"node_modules",

"dist"

],

"angularCompilerOptions": {

"skipMetadataEmit": true,

"genDir": "./ngFactory"

}

}