angular-route基本使用Demo

最新推荐文章于 2021-01-17 17:56:39 发布

superlinmeng

最新推荐文章于 2021-01-17 17:56:39 发布

阅读量371

点赞数

分类专栏： AngularJS 文章标签： angularjs

本文链接：https://blog.csdn.net/superlinmeng/article/details/77557147

版权

AngularJS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

先看实现效果

这里写图片描述

废话不多说上代码

这里写图片描述

blue.html

<p>
  <button type="button" class="btn btn-primary btn-lg">Blue  Large button</button>
  <button type="button" class="btn btn-default btn-lg">Blue   Large button</button>
</p>

green.html

<p>
  <button type="button" class="btn btn-success btn-lg">Green  Large button</button>
  <button type="button" class="btn btn-success btn-lg">Green   Large button</button>
</p>


<h1>

<span class="label label-default">{{msg}}</span>

</h1>

home.html

<p>
  <button type="button" class="btn btn-warning btn-lg">Home  Large button</button>
  <button type="button" class="btn btn-default btn-lg">Home   Large button</button>
</p>


<h1>

<span class="label label-default">{{msg}}</span>

</h1>

red.html

<p>
  <button type="button" class="btn btn-danger btn-lg">Red  Large button</button>
  <button type="button" class="btn btn-danger btn-lg">Red   Large button</button>
</p>


<h1>

<span class="label label-default">{{msg}}</span>

</h1>