angular 路由的引用

1403723150cxf 2018-04-26 原文

angular 路由的引用

使用angular路由 遇到的坑。

 

使用cmd 安装好node.js 安装成功 输入node  -v 能查看版本说明安装成功

搭建angular项目输入命令  npm install  -g  angular-cli

      创建项目   ng new  projectName

      进入项目    projectName

      启动服务  ng serve

浏览器输入 localhost:4200  能访问则搭建成功

新建directory and home组件。

新建路由文件

 

app.routes.ts路由文件代码 将其他组件也引入路由中

 

app.routes.ts路由文件路由跳转页面设置  path: ” 默认为home组件页面

 

 

app.module.ts模板文件中添加引入路由

 共同接口页面app.component.html使用接口

完成代码部分,浏览器测试

 

发表于 2018-04-26 17:54 红色心情 阅读() 评论() 编辑 收藏

 

版权声明:本文为1403723150cxf原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/1403723150cxf/p/8954141.html

angular 路由的引用的更多相关文章

  1. ASP.NET Core 2.2中的Endpoint路由

    Endpoint路由 在ASP.NET Core 2.2中,新增了一种路由,叫做Endpoint(终结点)路由 […]...

  2. sessionStorage的使用方法

    本篇是关于sessionStorage的使用方法的介绍,简单几行代码,实现sessionStorage,请大家 […]...

  3. DNS 网关 路由 交换机 网桥 协议 服务器 这些都是什么关系?

    来源:知乎 服务器:为你提供服务的机器。相当于马路边上的各种店面。虽然理论上任何一户人家都能开店为你提供服务, […]...

  4. Linux 路由 策略路由

    Linux 路由 策略路由 目录 Linux 路由 策略路由 一、路由表 编辑路由表配置文件:/etc/ipr […]...

  5. 在库中使用schematics——ng add与ng update

    起步 创建一个angular库 ng new demo --create-application=false […]...

  6. 「译」Blazor VS React React / Angular / Vue.js

    原文作者: Christian Findlay 原文链接: https://christianfindlay. […]...

  7. angular5学习笔记(deep in 路由)

      最近接手了一个angular5的项目。项目本身是由不同的人开发的,所有代码结构风格本身就有很大不同,加上本 […]...

  8. Angular 使用教程

    1、下载node.js,然后一直安装,可以修改一下node.js文件安装路径 查看是否node.js安装成功, […]...

随机推荐

  1. 人工智能第一次作业

    1、 你认为什么是人工智能? 它是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门新的 […]...

  2. 《Kubernetes权威指南》01_Kubernetes入门——Kubernetes 是什么

    《Kubernetes权威指南》01_Kubernetes入门——Kubernetes 是什么 01_Kube […]...

  3. 彻底解决 intellij IDEA 卡顿 优化笔记

    由于工作中经常出现分支各种切换,使用Eclipse便不再像以前那么舒服了,不停的修改工作空间,每次修改完工作空 […]...

  4. HP PROLIANT DL388 GEN10 (故障3019)SPP损坏

    HP PROLIANT DL388 GEN10 (故障3019)SPP损坏 1、 开机硬件自检,提示错误ERR […]...

  5. 你知道微视背后的视频特效技术是怎样做出来的吗?

    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由腾讯视频云终端团队 发表于云+社区专栏 常青 […]...

  6. 14个清理和优化Mac的强大技巧

    有没有发现你的Mac运行速度越来越慢?想知道为什么 Mac 的运行速度比平时慢了吗?其实你只需要清理一些文件。 […]...

  7. 智能小车十七《路由器挂载摄像头》

    智能小车十七《路由器挂载摄像头》 本来准备好电烙铁准备硬改路由器了。抱着试一试的态度把笔记本的无线关了,插上有 […]...

  8. Java的优先级任务队列的实践

    队列的基本理解 在说队列之前说两个名词:Task是任务,TaskExecutor是任务执行器 而我们今天要说的 […]...

展开目录

目录导航