Angular如何运用路由技术

耦合是什么意思2022-06-21  6

Angular如何运用路由技术 工具/材料

崇高的文本

操作方法 01

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

02

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

03

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

04

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

05

然后通过angular实例实现config方法,如下图所示,将参数routeProvider传入config方法。

06

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

07

最后,当我们运行该页面时,您将看到下图所示的显示。当你点击一个链接时,你会发现地址栏中的链接也会发生变化。

转载请注明原文地址:https://juke.outofmemory.cn/read/399598.html

最新回复(0)