Angularjs制作简单的路由功能demo

前端之家收集整理的这篇文章主要介绍了Angularjs制作简单的路由功能demo前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

从官网下载了最新版本的Angularjs 版本号:1.3.15

做一个简单的路由功能demo

首页:index.html

测试 {{someText}}

列表页:list.html

发件人内容日期

详细页:detail.html

项目:

{{message.subject}}

发送者:

{{message.sender}}

日期:

{{message.date}}

To:

{{message.message}}

以下是此次demo的坑:

1:新版的Angularjs,引用路由功能,需要单独再引用 angular-route.js 文件

2:在定义module时也需要添加对'ngRoute'的依赖   angular.module('xxxx',['ngRoute'])

以上所述就是本文的全部内容了,希望大家能够喜欢。

猜你在找的JavaScript相关文章