今天学习创建Angular工程的时候遇到了障碍,跟着教学视频先安装Angular运行环境时遇到很多坑。我在此将安装angular运行环境的过程记录下来供后来的同学参考。首先说明:我的系统是win10,以下安装过程是在win10下进行的。注意:以下所有命令都是在“管理员身份运行powershell”下执行的。安装node.js首先安装node.js,这个安装非常简单,建议去官网https://nod
转载
2023-06-28 15:43:15
140阅读
代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>AngularJS 路由实例</title><script src="https://cdn.staticfile.org/angular.js/1.7.0/angular.min.js">...
原创
2021-07-15 11:16:15
64阅读
这不仅是一个路由也是一个很好的angular代码的示范和规范: 请看这个git:https://github.com/yanjinyun/angular-ui-router 我们的html页面的代码: 我们的app.js代码: 我们的config.js代码: 我们的controlle代码: 我们的d
转载
2016-06-22 15:25:00
91阅读
2评论
代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>AngularJS 路由实例</t
原创
2022-01-21 11:32:39
89阅读
当我们开发任何Web应用程序时,我们需要三件事:前端服务器数据库现在,每当您在Google上搜索某些内容并查看结果或在Facebook上打开页面时,或者在Amazon网站上浏览产品时,您看到的任何内容都被定义为前端。在早期,开发人员使用简单的HTML来设计这些页面,但是在引入JavaScript和CSS之后,事情发生了巨大的变化。JavaScript帮助开发人员为页面添加了很多行为,这主要包括添加
转载
2023-09-24 14:40:09
117阅读
路由就是根据不同的URL地址,动态地让根组件挂载其他组件,来实现一个单页面应用 引入组件,app-routing.module.ts import { HomeComponent } from './components/home/home.component'; import { NewsComp ...
转载
2021-09-14 15:16:00
150阅读
2评论
支持的事件类型:NavigationStart:导航开始NavigationEnd:导航结束NavigationCancel:取消导航NavigationError:导航出错RoutesRecoginzed:路由已认证在判断事件类型需要导入对应的事件类型,如:import { Router, Nav ...
转载
2021-10-26 22:06:00
2750阅读
2评论
进入时候的守卫创建LoginGuard/login.guard.tsimport { CanActivate, Router } from "@angular/router";import { Injectable } from "@angular/core";import { NzModalSer ...
转载
2021-10-26 22:07:00
356阅读
2评论
路由配置import { NgModule } from '@angular/core';import { RouterModule, Routes } from '@angular/router';import { IndexComponent } from
原创
2022-07-01 17:56:30
142阅读
var app=angular.module('kaifanla',['ng','ngRoute']);app.config(function($routeProvider){ //添加路由 $routeProvider .when('/文件名',{ templateUrl:'tpl/start.h
转载
2017-08-04 12:04:00
149阅读
import {ActivatedRoute, Params, Router} from '@angular/router'; //路由跳转 接收参数 import {Location as Location1} from '@angular/common'; //路由返回 private acti ...
转载
2021-08-19 11:28:00
895阅读
2评论
路由守卫是指当用户满足了某些要求之后才可以离开或者进入
原创
2021-11-19 10:37:31
629阅读
Nodejs需要手动加载路由文件,如果一个个添加,项目逐渐扩大,比较麻烦。
尤其在项目route目录下,增加模块文件夹的时候,引入路由更是麻烦。
因此写了一个Nodejs动态加载路由,Nodejs遍历目录,Nodejs路由工具,取名为route.js。
原创
2016-05-30 11:02:50
3431阅读
一、子路由语法二、实例1、新建2个组件修改其内容2、修改路由配置3、修改product.component.ts的模版一、子路由语法二、实例在商品详情页面,除了显示商品id信息,还显示了商品描述,和销售员的信息。通过子路由实现商品描述组件和销售员信息组件展示在商品详情组件内部。1、新建2个组件修改其内容ng g component productDesc
ng g component seller
转载
2023-07-27 21:39:41
170阅读
说明:
我计划用nodejs来实现操作mysql中的表,增删改查的功能,
包括:
1.连接mysql数据库,
2.创建数据表,
3.写增删改查的方法,
4.postman里面去请求访问数据,
5.在angular里面,用表格展示所有数据,添加数据,删除数据等功能
效果图:
step0: 打开终端,进入项目目录untitled4,使用npm导入模块
npm install express body
http://www.codershood.info/2016/10/23/angular-2-crud-application-using-nodejs/Angular 2 CRUD application u...
转载
2022-05-02 14:41:06
74阅读
step7:数据库表,创建完成后,开始写后端请求类,处理get和post请求C:\Users\Administrator\WebstormProjects\untitled4\spr
Angular 中的路由 一、Angular 创建一个默认带路由的项目...............................................................................1二、Angular routerLink 跳转页面 默认路由..................................................
原创
2022-07-07 11:15:41
174阅读
这是我参与8月更文挑战的第6天,活动详情查看:8月更文挑战 前言 路由的概念在前端的框架中得到了广泛的应用,对于路由的感念不做阐述,路由的应用无外乎就是嵌套、传参,高级一些的功能如懒加载、预加载
原创
2022-01-13 09:50:57
161阅读
作用 canActivate 控制是否允许进入路由。 canActivateChild 等同 canActivate,只不过针对是所有子路由。 关键代码 创建路由守卫 设置路由守卫 示例代码 "示例代码" 参考资料 "Angular路由守卫" "CanActivate"
原创
2021-04-25 21:12:16
718阅读