docs(aio): remove _blank target (angular#16205)

Author: Foxandxss

aio/content/guide/aot-compiler.md

@@ -43,7 +43,7 @@ the components and templates must be converted to executable JavaScript by the _
 
 <div class="l-sub-section">
 
-  <a href="https://www.youtube.com/watch?v=kW9cJsvcsGo" target="_blank">Watch compiler author Tobias Bosch explain the Angular Compiler</a> at AngularConnect 2016.
+  <a href="https://www.youtube.com/watch?v=kW9cJsvcsGo">Watch compiler author Tobias Bosch explain the Angular Compiler</a> at AngularConnect 2016.
 
 </div>
 
@@ -582,7 +582,7 @@ Now AOT-compile the app and launch it with the `lite-server`:
 
 It's fascinating to see what the generated JavaScript bundle looks like after Rollup.
 The code is minified, so you won't learn much from inspecting the bundle directly.
-But the <a href="https://github.com/danvk/source-map-explorer/blob/master/README.md" target="_blank">source-map-explorer</a>
+But the <a href="https://github.com/danvk/source-map-explorer/blob/master/README.md">source-map-explorer</a>
 tool can be quite revealing.
 
 Install it:
@@ -601,7 +601,8 @@ The `source-map-explorer` analyzes the source map generated with the bundle and
 showing exactly which application and Angular modules and classes are included in the bundle.
 
 Here's the map for _Tour of Heroes_.
-<a href="assets/images/guide/aot-compiler/toh-pt6-bundle.png" target="_blank" title="View larger image">
+
+<a href="assets/images/guide/aot-compiler/toh-pt6-bundle.png" title="View larger image">
   <figure class='image-display'>
     <img src="assets/images/guide/aot-compiler/toh-pt6-bundle.png" alt="toh-pt6-bundle"></img>
   </figure>

aio/content/guide/architecture.md

@@ -91,7 +91,7 @@ An Angular module, whether a _root_ or _feature_, is a class with an `@NgModule`
 Decorators are functions that modify JavaScript classes.
 Angular has many decorators that attach metadata to classes so that it knows
 what those classes mean and how they should work.
-<a href="https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841#.x5c2ndtx0" target="_blank">
+<a href="https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841#.x5c2ndtx0">
 Learn more</a> about decorators on the web.
 
 </div>
@@ -169,7 +169,7 @@ Other JavaScript modules use *import statements* to access public objects from o
 
 
 
-<a href="http://exploringjs.com/es6/ch_modules.html" target="_blank">Learn more about the JavaScript module system on the web.</a>
+<a href="http://exploringjs.com/es6/ch_modules.html">Learn more about the JavaScript module system on the web.</a>
 
 </div>
 
@@ -759,4 +759,4 @@ by implementing the lifecycle hook interfaces.
 
 
 > [**Testing**](guide/testing): Run unit tests on your application parts as they interact with the Angular framework
-using the _Angular Testing Platform_.
+using the _Angular Testing Platform_.

aio/content/guide/browser-support.md

@@ -202,8 +202,8 @@ Angular supports most recent browsers. This includes the following specific vers
 
 
 Angular's continuous integration process runs unit tests of the framework on all of these browsers for every pull request, 
-using <a href="https://saucelabs.com/" target="_blank">SauceLabs</a> and 
-<a href="https://www.browserstack.com" target="_blank">Browserstack</a>.
+using <a href="https://saucelabs.com/">SauceLabs</a> and 
+<a href="https://www.browserstack.com">Browserstack</a>.
 
 
 </div>
@@ -353,7 +353,7 @@ Here are the features which may require additional polyfills:
   <tr style="vertical-align: top">
 
     <td>
-      <a href="../api/common/index/DatePipe-pipe.html" target="_blank">Date</a>      <span>,  </span>      <a href="../api/common/index/CurrencyPipe-pipe.html" target="_blank">currency</a>      <span>, </span>      <a href="../api/common/index/DecimalPipe-pipe.html" target="_blank">decimal</a>      <span> and </span>      <a href="../api/common/index/PercentPipe-pipe.html" target="_blank">percent</a>      <span> pipes</span>
+      <a href="../api/common/index/DatePipe-pipe.html">Date</a>      <span>,  </span>      <a href="../api/common/index/CurrencyPipe-pipe.html">currency</a>      <span>, </span>      <a href="../api/common/index/DecimalPipe-pipe.html">decimal</a>      <span> and </span>      <a href="../api/common/index/PercentPipe-pipe.html">percent</a>      <span> pipes</span>
     </td>
 
     <td>
@@ -371,7 +371,7 @@ Here are the features which may require additional polyfills:
   <tr style="vertical-align: top">
 
     <td>
-       <a href="../api/common/index/NgClass-directive.html" target="_blank">NgClass</a>      <span> on SVG elements</span>
+       <a href="../api/common/index/NgClass-directive.html">NgClass</a>      <span> on SVG elements</span>
     </td>
 
     <td>
@@ -433,7 +433,7 @@ Below are the polyfills which are used to test the framework itself. They are a
   <tr>
 
     <td>
-      <a id='core-es6' href="/zloirock/core-js" target="_blank">ES6</a>
+      <a id='core-es6' href="/zloirock/core-js">ES6</a>
     </td>
 
     <td>
@@ -449,7 +449,7 @@ Below are the polyfills which are used to test the framework itself. They are a
   <tr>
 
     <td>
-      <a id='classlist' href="/eligrey/classList.js" target="_blank">classList</a>
+      <a id='classlist' href="/eligrey/classList.js">classList</a>
     </td>
 
     <td>
@@ -465,7 +465,7 @@ Below are the polyfills which are used to test the framework itself. They are a
   <tr>
 
     <td>
-      <a id='intl' href="/andyearnshaw/Intl.js" target="_blank">Intl</a>
+      <a id='intl' href="/andyearnshaw/Intl.js">Intl</a>
     </td>
 
     <td>
@@ -481,7 +481,7 @@ Below are the polyfills which are used to test the framework itself. They are a
   <tr>
 
     <td>
-       <a id='web-animations' href="/web-animations/web-animations-js" target="_blank">Web Animations</a>
+       <a id='web-animations' href="/web-animations/web-animations-js">Web Animations</a>
     </td>
 
     <td>
@@ -497,7 +497,7 @@ Below are the polyfills which are used to test the framework itself. They are a
   <tr>
 
     <td>
-      <a id='typedarray' href="/inexorabletash/polyfill/blob/master/typedarray.js" target="_blank">Typed Array</a>
+      <a id='typedarray' href="/inexorabletash/polyfill/blob/master/typedarray.js">Typed Array</a>
     </td>
 
     <td>
@@ -513,7 +513,7 @@ Below are the polyfills which are used to test the framework itself. They are a
   <tr>
 
     <td>
-       <a id='blob' href="/eligrey/Blob.js" target="_blank">Blob</a>
+       <a id='blob' href="/eligrey/Blob.js">Blob</a>
     </td>
 
     <td>
@@ -529,7 +529,7 @@ Below are the polyfills which are used to test the framework itself. They are a
   <tr>
 
     <td>
-       <a id='formdata' href="/francois2metz/html5-formdata" target="_blank">FormData</a>
+       <a id='formdata' href="/francois2metz/html5-formdata">FormData</a>
     </td>
 
     <td>
@@ -547,4 +547,4 @@ Below are the polyfills which are used to test the framework itself. They are a
 
 
 \* Figures are for minified and gzipped code, 
-computed with the <a href="http://closure-compiler.appspot.com/home" target="_blank">closure compiler</a>.
+computed with the <a href="http://closure-compiler.appspot.com/home">closure compiler</a>.

aio/content/guide/cb-index.md

@@ -0,0 +1,43 @@
+@title
+Cookbook
+
+@intro
+A collection of recipes for common Angular application scenarios.
+
+@description
+
+
+The *Cookbook* offers answers to common implementation questions.
+
+Each cookbook page is a collection of recipes focused on a particular Angular feature or application challenge
+such as data binding, cross-component interaction, and communicating with a remote server via HTTP.
+
+
+<div class="l-sub-section">
+
+
+
+The cookbook is just getting started. Many more recipes are on the way.
+
+
+</div>
+
+
+
+Each cookbook links to a live sample with every recipe included.
+
+Recipes are deliberately brief and code-centric.
+Each recipe links to a relevant page of the [Developer Guide](guide) or the
+[API Reference](api) where you can learn more about
+the purpose, context, and design choices behind the code snippets.
+
+## Feedback
+
+Post *documentation* requests and comments as
+<a href="https://github.com/angular/angular.io/issues" title="Documentation issues on github">
+<i>issues</i> on the angular.io</a> github repository.
+Fixes (small ones) are greatly appreciated as
+<a href="https://github.com/angular/angular.io/pulls" title="Documentation PRs on github">
+<i>pull requests</i></a>.
+
+Post issues with *Angular itself* to the [angular](https://github.com/angular/angular) github repository.

aio/content/guide/change-log.md

@@ -39,7 +39,7 @@ It helps clearly separate app code from setup and configuration files.
 All samples now have a `src/` folder at the project root.
 The former `app/` folder moves under `src/`. 
 Read about moving your existing project to this structure in 
-<a href="https://github.com/angular/quickstart#updating-to-a-newer-version-of-the-quickstart-repo" target="_blank" target="Migrating samples/quickstart app to the src folder">
+<a href="https://github.com/angular/quickstart#updating-to-a-newer-version-of-the-quickstart-repo" target="Migrating samples/quickstart app to the src folder">
 the QuickStart repo update instructions</a>.
 
 Notably:
@@ -154,7 +154,7 @@ re-explains `[(ngModel)]` in terms of the basic `[()]` syntax.
 
 This change supports ES6 developers and aligns better with typical Angular libraries.
 It does not affect the module's API but it does affect how you load and import it.
-See the <a href="https://github.com/angular/in-memory-web-api/blob/master/CHANGELOG.md#0113-2016-10-20" target="_blank">change note</a>
+See the <a href="https://github.com/angular/in-memory-web-api/blob/master/CHANGELOG.md#0113-2016-10-20">change note</a>
 in the `in-memory-web-api` repo.
 
 ## "Router" _preload_ syntax and _:enter_/_:leave_ animations (2016-10-19)
@@ -201,7 +201,7 @@ This library is also useful to you during early development before you have a se
 
 The package name was changed from "angular2-in-memory-web-api" which is still frozen-in-time on npm.
 The new "angular-in-memory-web-api" has new features. 
-<a href="https://github.com/angular/in-memory-web-api/blob/master/README.md" target="_blank">Read about them on github</a>.
+<a href="https://github.com/angular/in-memory-web-api/blob/master/README.md">Read about them on github</a>.
 
 ## "Style Guide" with _NgModules_ (2016-09-27)
 

aio/content/guide/deployment.md

@@ -154,7 +154,7 @@ Notice the `paths` key:
 
 In the standard SystemJS config, the `npm` path points to the `node_modules/`.
 In this server config, it points to
-<a href="https://unpkg.com/" target="_blank" title="unpkg.com">https://unpkg.com</a>,
+<a href="https://unpkg.com/" title="unpkg.com">https://unpkg.com</a>,
 a site that hosts _npm packages_,
 and loads them from the web directly.
 There are other service providers that do the same thing.
@@ -290,13 +290,13 @@ and using [_rollup_](guide/deployment#rollup) for bundling, minification, uglifi
 
 ### Webpack (and AOT)
 
-<a href="https://webpack.js.org/" target="_blank" title="Webpack 2">Webpack 2</a> is another
+<a href="https://webpack.js.org/" title="Webpack 2">Webpack 2</a> is another
 great option for inlining templates and style-sheets, for bundling, minifying, and uglifying the application.
 The "[Webpack: an introduction](guide/webpack "Webpack: an introduction")" guide will get you started
 using webpack with Angular.
 
 Consider configuring _Webpack_ with the official
-<a href="https://github.com/angular/angular-cli/tree/master/packages/%40ngtools/webpack" target="_blank" title="Ahead-of-Time Webpack Plugin">
+<a href="https://github.com/angular/angular-cli/tree/master/packages/%40ngtools/webpack" title="Ahead-of-Time Webpack Plugin">
 Angular Ahead-of-Time Webpack Plugin</a>.
 This plugin transpiles the TypeScript application code,
 bundles lazy loaded `NgModules` separately,
@@ -315,10 +315,10 @@ _Tree shaking_ is a _dead code elimination_ technique that removes entire export
 If a library exports something that the application doesn't import, a tree shaking tool removes it from the code base.
 
 Tree shaking was popularized by
-<a href="http://rollupjs.org/" target="_blank" title="Rollup">Rollup</a>, a popular tool with an ecosystem of
+<a href="http://rollupjs.org/" title="Rollup">Rollup</a>, a popular tool with an ecosystem of
 plugins for bundling, minification, and uglification.
 Learn more about tree shaking and dead code elmination in
-<a href="https://medium.com/@Rich_Harris/tree-shaking-versus-dead-code-elimination-d3765df85c80#.15ih9cyvl" target="_blank" title="Tree-shaking and Dead Code Elimination">
+<a href="https://medium.com/@Rich_Harris/tree-shaking-versus-dead-code-elimination-d3765df85c80#.15ih9cyvl" title="Tree-shaking and Dead Code Elimination">
 this post</a> by rollup-creator, Rich Harris.
 
 
@@ -349,7 +349,7 @@ You can waste a lot of time and money optimizing something that has no tangible
 You should measure the app's actual behavior when running in the environments that are important to you.
 
 The
-<a href="https://developers.google.com/web/tools/chrome-devtools/network-performance/understanding-resource-timing" target="_blank" title="Chrome DevTools Network Performance">
+<a href="https://developers.google.com/web/tools/chrome-devtools/network-performance/understanding-resource-timing" title="Chrome DevTools Network Performance">
 Chrome DevTools Network Performance page</a> is a good place to start learning about measuring performance.
 
 The [WebPageTest](https://www.webpagetest.org/) tool is another good choice
@@ -611,15 +611,15 @@ and to
 ### Requesting services from a different server (CORS)
 
 Angular developers may encounter a
-<a href="https://en.wikipedia.org/wiki/Cross-origin_resource_sharing" target="_blank" title="Cross-origin resource sharing">
+<a href="https://en.wikipedia.org/wiki/Cross-origin_resource_sharing" title="Cross-origin resource sharing">
 <i>cross-origin resource sharing</i></a> error when making a service request (typically a data service request).
 to a server other than the application's own host server.
 Browsers forbid such requests unless the server permits them explicitly.
 
 There isn't anything the client application can do about these errors.
 The server must be configured to accept the application's requests.
 Read about how to enable CORS for specific servers at
-<a href="http://enable-cors.org/server.html" target="_blank" title="Enabling CORS server">enable-cors.org</a>.
+<a href="http://enable-cors.org/server.html" title="Enabling CORS server">enable-cors.org</a>.
 
 
 {@a next-steps}

aio/content/guide/http.md

@@ -318,7 +318,7 @@ Alternatively, you can temporarily target a JSON file by changing the endpoint U
 
 {@a rxjs}
 If you are familiar with asynchronous methods in modern JavaScript, you might expect the `get` method to return a
-<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise" target="_blank" title="Promise">promise</a>.
+<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="Promise">promise</a>.
 You'd expect to chain a call to `then()` and extract the heroes.
 Instead you're calling a `map()` method.
 Clearly this is not a promise.
@@ -332,9 +332,9 @@ and `map()` is one of the RxJS *operators*.
 
 
 ## RxJS library
-<a href="http://reactivex.io/rxjs" target="_blank" title="RxJS Reactive Extensions">RxJS</a>
+<a href="http://reactivex.io/rxjs" title="RxJS Reactive Extensions">RxJS</a>
 is a third party library, endorsed by Angular, that implements the 
-<a href="https://www.youtube.com/watch?v=VLGCCpOWFFw" target="_blank" title="Video: Rob Wormald on Observables"><b>asynchronous Observable</b></a> pattern.
+<a href="https://www.youtube.com/watch?v=VLGCCpOWFFw" title="Video: Rob Wormald on Observables"><b>asynchronous Observable</b></a> pattern.
 
 All of the Developer Guide samples have installed the RxJS npm package
 because Observables are used widely in Angular applications.
@@ -962,13 +962,13 @@ processes that stream _before_ calling the service.
 
 
 
-* <a href="https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/debounce.md" target="_blank" title="debounce operator"><i>debounceTime</i></a>
+* <a href="https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/debounce.md" title="debounce operator"><i>debounceTime</i></a>
 waits for the user to stop typing for at least 300 milliseconds.
 
-* <a href="https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/distinctuntilchanged.md" target="_blank" title="distinctUntilChanged operator"><i>distinctUntilChanged</i></a>
+* <a href="https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/distinctuntilchanged.md" title="distinctUntilChanged operator"><i>distinctUntilChanged</i></a>
 ensures that the service is called only when the new search term is different from the previous search term.
 
-* The <a href="https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/flatmaplatest.md" target="_blank" title="switchMap operator"><i>switchMap</i></a>
+* The <a href="https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/flatmaplatest.md" title="switchMap operator"><i>switchMap</i></a>
 calls the `WikipediaService` with a fresh, debounced search term and coordinates the stream(s) of service response.
 
 The role of `switchMap` is particularly important.
@@ -1104,11 +1104,11 @@ it substitutes the Angular _in-memory web api_ simulator for the actual XHR back
 
 The in-memory web api is not part of Angular _proper_.
 It's an optional service in its own
-<a href="https://github.com/angular/in-memory-web-api" target="_blank" title="In-memory Web API"><i>angular-in-memory-web-api</i></a>
+<a href="https://github.com/angular/in-memory-web-api" title="In-memory Web API"><i>angular-in-memory-web-api</i></a>
 library installed with npm (see `package.json`).
 
 See the
-<a href="https://github.com/angular/in-memory-web-api/blob/master/README.md" target="_blank" title='In-memory Web API "README.md"'><i>README file</i></a>
+<a href="https://github.com/angular/in-memory-web-api/blob/master/README.md" title='In-memory Web API "README.md"'><i>README file</i></a>
 for configuration options, default behaviors, and limitations.