
Angular
聂大哥
前端技术爱好者,有问题可私聊
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Angular 监听服务(Service)中的数据变化
在上一篇文章中,我对服务的作用及创建使用稍作介绍。那么,问题来了,在服务中 这个公共领域,如果其属性值发生变化,那我们如何将其更新到组件中呢?首先,你需要了解Angular的完整生命周期,对应的生命周期钩子的作用是什么,都分别在什么时候触发。lifecycle.components.tsimport { Component, OnInit } from '@angular/core';import { UserService } from "../../services/user/user.serv原创 2021-11-17 10:03:42 · 3795 阅读 · 0 评论 -
Angular 服务的创建及使用
在网页开发中,我们在必要时需要在多个组件之间进行通用数据。就好比vuex、Redux、Dva一样,那么在Angular中,它也有自己的独特的数据状态管理,那就是服务 service !服务的创建:你可以在项目根目录通过命令创建服务ng g service services/user,前面这一串我们就使得我们在app目录下创建了一个services文件夹,在此文件夹下有个user服务;user.service.tsimport { Injectable } from '@angular/core';原创 2021-11-13 21:10:41 · 1662 阅读 · 0 评论 -
Angular实现数据双向绑定
如果你了解Vue,那你就会习惯于Vue的数据双向绑定MVVM的模式,那么在Angular中能不能实现双向绑定呢?答案当时是可以的。第一步:在app.module.ts文件中引入FormsModule模块,然后将导入的FormsModule在imports中进行使用!import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';// 只有引入了FormsModule原创 2021-11-13 17:50:16 · 1847 阅读 · 1 评论 -
Angular 快速入门
Angular 是一个应用设计框架与开发平台,用于创建高效、复杂、精致的单页面应用。其开发便捷程度不亚于Vue及React。语法简单易理解。首先你电脑需安装较新版本NodeJS(v12.20, v14.15, v16.10),然后使用npm安装Angular脚手架:npm install -g @angular/cli安装完成之后,通过命令ng v查看:下一步,通过脚手架创建项目:ng new projectname创建项目的过程中,会让你选择是否安装路由及选择样式预处理器,这个看自己的需原创 2021-11-13 14:27:44 · 952 阅读 · 0 评论