angular怎么运用路由技术

关注:94 发布时间:2021-10-27 07:01:03

导语本文整理了angular怎么运用路由技术经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

需要准备的物品

升华文本

详细介绍方法/步骤

首先在崇高文本中创建新的html页面,然后导入两个脚本文件angular.min.js和angular-route.js,如下图所示

,然后在body标签中添加ng-app属性,告诉angular从body中完全监控元素动态,如下图所示

,然后为以下路由跳准备锚定链路列表,如下图所示

接下来,我们需要通过module方法在脚本标签中实例化angular,在实例化的时候注意添加ngroute依赖,如下图所示

,然后通过一个角度实例实现配置方法,如下图所示,参数routeprovider在配置方法中传递

然后使用routeprovider中的when方法匹配路径,然后实现路由跳转,如下图所示

比较后,我们运行页面,您将看到如下图所示的显示。当你一个连接时,你会发现地址栏的连接也会变成

猜你喜欢

热门it技术经验

360微商频道查询入口