diff --git a/public/docs/js/latest/api/_data.json b/public/docs/js/latest/api/_data.json
index bd22182142..2f96733bfa 100644
--- a/public/docs/js/latest/api/_data.json
+++ b/public/docs/js/latest/api/_data.json
@@ -1,5 +1,5 @@
 {
-  "_listtype": "api",
+  "_listtype": "ordered",
   "index" : {
     "title" : "API 2.0 Preview"
   }
diff --git a/public/docs/js/latest/api/index.jade b/public/docs/js/latest/api/index.jade
index 9260c19186..0845c89e2e 100644
--- a/public/docs/js/latest/api/index.jade
+++ b/public/docs/js/latest/api/index.jade
@@ -13,6 +13,6 @@ article(class="l-content-small grid-fluid docs-content")
     h3 {{ section.title }}
     ul.api-list
       li.api-item(ng-repeat='item in apiList[section.name] | filter: { title: apiFilter, docType: apiType }')
-        a(ng-href='/docs/js/latest/api/{{ section.name }}/{{ item.title }}-{{ item.docType === "directive" ? "class" : item.docType }}')
+        a(ng-href='{{ section.name }}/{{ item.title }}-{{ item.docType === "directive" ? "class" : item.docType }}.html')
           span(class='symbol {{ item.docType }}')
           | {{ item.title }}
diff --git a/public/docs/ts/latest/api/_data.json b/public/docs/ts/latest/api/_data.json
new file mode 100644
index 0000000000..2f96733bfa
--- /dev/null
+++ b/public/docs/ts/latest/api/_data.json
@@ -0,0 +1,6 @@
+{
+  "_listtype": "ordered",
+  "index" : {
+    "title" : "API 2.0 Preview"
+  }
+}
\ No newline at end of file
diff --git a/public/docs/ts/latest/api/index.jade b/public/docs/ts/latest/api/index.jade
new file mode 100644
index 0000000000..0845c89e2e
--- /dev/null
+++ b/public/docs/ts/latest/api/index.jade
@@ -0,0 +1,18 @@
+.banner
+  dl.api-key
+    dt Display:
+    dd.directive(ng-class='{ active: apiType === "directive" }' ng-click='setType("directive")') Directive
+    dd.class(ng-class='{ active: apiType === "class" }' ng-click='setType("class")') Class
+    dd.interface(ng-class='{ active: apiType === "interface" }' ng-click='setType("interface")') Interface
+    dd.function(ng-class='{ active: apiType === "function" }' ng-click='setType("function")') Function
+    dd.const(ng-class='{ active: apiType === "const" }' ng-click='setType("const")') Const or Enum
+    dd.var(ng-class='{ active: apiType === "var" }' ng-click='setType("var")') Variable
+  input.api-filter(placeholder='Filter', ng-model='apiFilter')
+article(class="l-content-small grid-fluid docs-content")
+  div(ng-repeat='section in apiSections')
+    h3 {{ section.title }}
+    ul.api-list
+      li.api-item(ng-repeat='item in apiList[section.name] | filter: { title: apiFilter, docType: apiType }')
+        a(ng-href='{{ section.name }}/{{ item.title }}-{{ item.docType === "directive" ? "class" : item.docType }}.html')
+          span(class='symbol {{ item.docType }}')
+          | {{ item.title }}
diff --git a/public/resources/js/controllers/app-controller.js b/public/resources/js/controllers/app-controller.js
index bccd53af69..86e9d52326 100644
--- a/public/resources/js/controllers/app-controller.js
+++ b/public/resources/js/controllers/app-controller.js
@@ -75,22 +75,22 @@ angularIO.controller('AppCtrl', [ '$scope', '$mdDialog', '$timeout', function ($
     {
       "title":          "AfterContentChecked",
       "originalModule": "angular2/src/core/compiler/interfaces",
-      "docType":        "class"
+      "docType":        "interface"
     },
     {
       "title":          "AfterContentInit",
       "originalModule": "angular2/src/core/compiler/interfaces",
-      "docType":        "class"
+      "docType":        "interface"
     },
     {
       "title":          "AfterViewChecked",
       "originalModule": "angular2/src/core/compiler/interfaces",
-      "docType":        "class"
+      "docType":        "interface"
     },
     {
       "title":          "AfterViewInit",
       "originalModule": "angular2/src/core/compiler/interfaces",
-      "docType":        "class"
+      "docType":        "interface"
     },
     {
       "title":          "AppRootUrl",