angular
文章平均质量分 83
种颗好白菜
这个作者很懒,什么都没留下…
展开
-
数据的增删改查
模拟数据服务器这里可以参考:Hero guide 从服务器端获取数据_w3cschool本应用将使用 内存 Web API(In-memory Web API) 模拟出的远程数据服务器通讯,并且给出仿真的响应。安装这个内存 Web API 包:npm install angular-in-memory-web-api --save在 AppModule 中需要导入:import { HttpClientModule} from '@angular/common/http';impor原创 2022-05-13 12:53:04 · 485 阅读 · 0 评论 -
如何进行数据验证(validator)
Angular 中有两种表单: Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) Reactive Forms - 响应式表单 我们主要使用响应式表单来进行validator方法验证首先在 @NgModule 中导入 @angular/forms 库中的 ReactiveFormsModule: app.module.ts import { ReactiveFormsModule } from '@angu原创 2022-05-13 12:49:07 · 3047 阅读 · 0 评论 -
页面间数据传递(共享数据)
数据共享:第一个页面输入的内容在不更新到服务器端的情况下,怎样在第二个页面上显示出来。首先我们需要两个页面,且可以相互跳转。创建数据共享的service:ng generate service share //可以创速传建share.service.ts并自动在app.module.ts中声明import { Injectable } from '@angular/core';import { HttpClient } from '@angular/common/http';@Inje原创 2022-05-13 12:43:20 · 1237 阅读 · 0 评论 -
navigate实现页面跳转及传参
定义“路由词典”,注册Router和Routes。src\app\app.module.tsimport { RouterModule } from '@angular/router'import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';import { AppRoutingModule } from './app-routing.modul..原创 2022-05-10 14:38:52 · 5309 阅读 · 0 评论 -
Angular单页应用与路由
首先对app.component.html进行简单布局<div class="bigBox"> <div class="content"> <div class="left"> <button>去蓝色页面</button> <button>去黄色页面</button> </div> <div class="right">...原创 2022-05-10 14:33:34 · 480 阅读 · 0 评论 -
angular数据绑定
数据绑定具体包含 HTML绑定 属性绑定 指令绑定 事件绑定 双向数据绑定 自定义控件 根据ng g component attribute命令创建一个组件attribute; HTML、TS代码如下 <button (click)="jianshao()">-</button><span>{{count}}</span><button (click)="zengjia()"原创 2022-05-10 14:27:51 · 1676 阅读 · 0 评论 -
Angular Material 简单控件使用
Angular Material参考:快速上手 Getting started - Angular Material 组件库 安装Angular Material 使用 Angular CLI 的安装原理图通过运行以下命令来设置你的 Angular Material 项目:ng add @angular/material 安装会询问 预置的主题名,选择好之后回车即可。 设置全局Angular Material排版样式,是否为应用程序套用全局排版样式。原创 2022-05-10 14:21:08 · 1428 阅读 · 1 评论 -
Angular环境搭建
以下步骤都不需要事先创建文件夹,只是环境的准备过程,只有到需要搭建项目的时候才需要创建文件夹用来存放项目文件。安装NodeJsNodeJs的安装步骤是很简单的,在网上下载一个一个nodeJs安装包,然后按照提示一步一步的安装。NodeJs安装好之后会连带着安装一个npm安装LTS版本的,LTS表示当前最稳定使用最广泛的版本的,Current表示最新版本的,推荐安装最稳定的版本。安装完成之后在控制台上输入npm -v 以及 node -v,若成功则会输出对应版本,并且已经将npm和node部原创 2022-05-07 16:26:14 · 457 阅读 · 0 评论