随笔分类 -  angular基础知识

摘要：*！angular 界面传值，无论在路由配置的时候有没有设置参数，传参的实质都是要求路径后面的参数必须是对象！* 一：GET传值 1️⃣将对应的news和newsDetail组件导入 app-routing.module.ts，并配置路由 2️⃣在要传值组件的.html文件配置routerLink( 阅读全文

摘要：路由：根据不同的URL地址，动态的让根组件加载其他组件来实现单一页面的应用。 1.创建一个带有路由的项目； 2.在 app-routing.module.ts 里面添加需要配置的路由； 1️⃣导入需要使用路由动态加载的组件； 2️⃣在 const routes:Routes =[] 配置路由； 3️ 阅读全文

摘要：一：ViewChild操作DOM 1. 绑定元素 使用 #别名 和要操作的元素进行绑定 2. 在对应的.ts文件引入ViewChild； 在export中声明变量接收绑定元素; 在ngAfterViewInit(){}中this调用； 设置static: true将不允许您从动态模板分辨率（例如*n 阅读全文

摘要：一：创建服务 二：在 app.module.ts 里面引入创建的服务 三：使用服务（在需要使用服务的地方进行如下配置） 阅读全文

摘要：app.module.ts app的根组件 阅读全文

摘要：一:环境搭建 1.搭建angular环境，要确保开发环境包括node.js首先需要去nodejs官网https://nodejs.org/en/下载node.js;安装以后，在终端/控制台窗口中运行 node -v ，检查是否安装成功。 2.检查你是否安装了 npm 客户端（Node.js 已经默认 阅读全文