modal

app/app-detail.component.html

 <h1>{{name}}</h1>
 
 <div *ngIf="!isInstalled">
-    <button type="button" class="btn btn-primary">安装</button>
+    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#install-modal">安装</button>
     <button type="button" class="btn btn-secondary">导入</button>
     <button type="button" class="btn btn-secondary">正版代购</button>
 </div>
@@ -60,3 +60,24 @@
         </tbody>
     </table>
 </div>
+
+<!-- Modal -->
+<div class="modal fade" id="install-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+                <h4 class="modal-title" id="myModalLabel">安装 {{name}}</h4>
+            </div>
+            <div class="modal-body">
+                ...
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-primary">安装</button>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file

index.html

@@ -11,6 +11,11 @@
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
     <script src="node_modules/systemjs/dist/system.src.js"></script>
+
+    <script>delete module.exports</script>
+    <script src="node_modules/jquery/dist/jquery.min.js"></script>
+    <script src="node_modules/tether/dist/js/tether.min.js"></script>
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
     <!-- 2. Configure SystemJS -->
     <script src="systemjs.config.js"></script>
     <script>

package.json

@@ -37,6 +37,7 @@
     "reflect-metadata": "latest",
     "rxjs": "latest",
     "systemjs": "latest",
+    "tether": "latest",
     "zone.js": "latest"
   },
   "devDependencies": {