ngrx

(精华)2020年8月9日 Angular ngrx/store状态管理的使用

Angular中使用ngrx做状态管理简介ngrx/store的灵感来源于Redux，是一款集成RxJS的Angular状态管理库，由Angular的布道者RobWormald开发。
愚公搬代码·2020-09-10 22:20

使用Redux和ngrx构建更好的Angular2应用(三)

git.oschina.net/zt_zhong/CodeBe原文地址：http://onehungrymind.com/build-better-angular-2-application-redux-ngrx
weixin_34112900·2020-08-25 17:06

组件之间的通讯方式

子组件通过事件传值与父组件（子emit=>change父）监听跨级组件里用监听数据的改变状态管理（redux,vuex,ngrx）父子组件，兄弟组件，跨级组件都可以利用状态管理进行通讯refsrefs如果作用在
吴姝璇·2020-08-15 22:19

Angular状态管理框架NgRx

NgRx:ReactiveStateforAngular，是一款集成RxJS的Angular状态管理库。它和Redux的核心思想相同，但使用RxJS实现观察者模式。
吴姝璇·2020-08-15 22:19

Vuex学习 - 理解Vuex的原理

最近在使用Vuex的时候，把Vuex和NGRX一起对比看了下，总体而言，都是对FLUX思想的实现，不过使用起来，个人感觉vuex的使用比NGRX更舒服一些。
qcl006007·2020-08-14 10:11

(精华2020年6月21日更新)Angular实战篇 ngrx/store状态管理的使用

首先自然是安装相关包yarnadd@ngrx/store定义statu.tsexportinterfaceTaskList{id:number;text:string;completed:boolean
2b勿扰·2020-07-29 07:20

angualr ngrx/store

1.类与行为lsy.action.tsexportconstchifan="吃饭";exportconstshuijiao="睡觉";exportconstxiedaima="写代码";lsy.model.tsexportclasslsy{constructor(publicshou:string,publiczui:string,publictou:string){}}exportconstin
迪拉达桑·2020-07-14 03:37

[NgRx] NgRx Runtime Checks

Turnonruntimecheck:@NgModule({declarations:[AppComponent],imports:[...,StoreModule.forRoot(reducers,{metaReducers,runtimeChecks:{strictStateImmutability:true,strictActionImmutability:true,strictAction
weixin_30752377·2020-07-13 17:57

ngrx/store

简介ngrx/store:保存了ReduxAPI的核心概念，使用RxJS扩展的Redux实现。使用可观察对象来简化了监听事件的订阅等操作。
西境的小狮子·2020-07-05 00:29

记一次使用VSCode开发angular项目中使用的插件

1.Angular8Snippets-TypeScript,Html,AngularMaterial,ngRx,RxJS&FlexLayout2.AngularFiles3.AngularLanguageService4
my_love_download·2020-07-02 13:07

Angular也玩Redux--ngrx

Ngrx简介将component与service的状态统一放到store，当store的状态有更新，將会自动更新到有subscribe的component和serviceView：展示使用者的界面，例如
salmon_163·2020-07-01 05:45

@ngrx/store 7 & @ngrx/effects 7 + angular的使用

官方网址：https://v7.ngrx.io/guide/store@ngrx/store@ngrx/store是基于RxJS的状态管理库，其灵感来源于Redux。
材女的进击·2020-06-28 23:55

在angular2使用ngrx

等到使用时候使用this.store.dispacth分发通过下面在项目使用ngrx：首先创建store文件夹中，
wx5dac043643b5f·2020-06-28 20:47

ngrx

ngrx/store本文档会持续更新。StoreStrore是Angular基于Rxjs的状态管理，保存了Redux的核心概念，并使用RxJs扩展的Redux实现。
weixin_34319111·2020-06-28 16:06

TypeScript 实现常量类

最近在学习使用Ionic2,在使用ngrx(https://github.com/ngrx/store)时，想把所有的ActionType放到一个文件中定义，我是做JAVA的自然是想到JAVA中经常使用到的常量类
beezyx·2020-06-26 13:43

Angular中使用ngrx/store做状态管理

中的状态管理大部分可以被service接管,那么在一些中大型的项目中,这样做的弊端就会显露出来,其中之一就是状态流混乱,不利于后期维护,后来便借鉴了redux的状态管理模式并配上rxjs流式编程的特点形成了@ngrx
roamingcode·2020-06-26 05:03

angular ngrx进阶effect

ngrxgithub地址https://github.com/ngrx/platform里面有一个的例子ngrx是有几个概念storestatereducereffectaction关于storestatereduceraction
qq_27972445·2020-06-25 03:59

Ngrx、RxJs、Redux的初步探究

NgrxNgrx是引入了RxJs和符合Redux设计标准的js库，其整合了RxJs和Redux的功能，可以引入到Angular中进行异步数据管理和状态管理RxJs全称ReactiveExtensionforJavaScript，rxjs主要用于处理异步数据，具有高弹性、高稳定性、高实时性的特点。传统赋值型的编程方式中，如果一个变量被赋值并且接下来没有在改变这个变量的值，那么这个变量不会因为赋值给他
LTLAYX·2020-06-24 09:25

NgRx v8 入门(一)---@ngrx/store

1.软件版本1.Angular8.0.22.AngularCLI8.0.43.NgRx8.0.14.TypeScript3.4.55.Node.js10.16.06.NPM6.9.02.安装安装@ngrx
liutongj·2020-06-24 06:57

「Angular7+NgRx+SSR全家桶」开发QQ音乐

项目说明现在主要是做React开发,也是使用服务端渲染(DEMO),最近想用Angular写一个项目体验一下TypeScript大法,对比Angular对比React从开发体验上来讲个人觉得更加方便很多东西不需要你自己去单独安装.线上地址:music.soscoon.comGithub:github.com/Tecode/angu…目前还在努力开发中,目前完成了80%...预览图技术栈Angula
weixin_34417200·2020-06-21 12:06

NgRx/Store 4 + Angular 5使用教程

Angular.png本文将会示范如何使用NgRx/Store4和Angular5。@ngrx/store是基于RxJS的状态管理库，其灵感来源于Redux。
neromaycry·2020-03-28 04:56

一些实用的库

/js-xlsxhttps://docs.sheetjs.com/#worksheet-objectiron-redux-一个类型完美的Redux去形式化的库(适用react和angular(ng搭配ngrx
tiger亮·2020-03-05 05:33

ngrx在项目中常的一些方法,浅显易懂,一看就会

(select('countInfo'))//获取这个状态的值dispatch：this.store.dispatch(increment());//触发对应的事件来更改countInfo的值app/ngrx
元气小仙女·2019-10-24 11:18

[Angular] How to show global loading spinner for application between page navigation

app.component.ts:import{Component,OnInit}from"@angular/core";import{select,Store}from"@ngrx/store";import
Zhentiw·2019-10-04 23:00

[NgRx] NgRx Data Fetching Solution - How to Load Data Only If Needed

Wehaveareoslver,whicheverytimewewantvisit'/courses'route,itwillbetriggered,thenapiwillbecalled,datawillbeloaded.import{Injectable}from"@angular/core";import{Resolve,ActivatedRouteSnapshot,RouterStateS
Zhentiw·2019-10-04 23:00

[NgRx] NgRx Entity Adapter Configuration - Understanding sortComparer and selectId

/model/course";import{EntityState,createEntityAdapter}from"@ngrx/entity";import{createReducer,on}from
Zhentiw·2019-10-04 23:00

[NgRx] NgRx Runtime Checks

Turnonruntimecheck:@NgModule({declarations:[AppComponent],imports:[...,StoreModule.forRoot(reducers,{metaReducers,runtimeChecks:{strictStateImmutability:true,strictActionImmutability:true,strictAction
Zhentiw·2019-09-22 17:00

[NgRx] Setting up NgRx Router Store and the Time-Travelling Debugger

Makesureyouhavethe@ngrxpackagesinstalled:"@ngrx/data":"^8.0.1","@ngrx/effects":"^8.0.1","@ngrx/entity
Zhentiw·2019-09-22 17:00

angular版聊天室|仿微信界面IM聊天|NG2+Node聊天实例

一、项目介绍运用angular+angular-cli+angular-router+ngrx/store+rxjs+webpack+node+wcPop等技术实现开发的仿微信angular版聊天室angular-chatroom
xiaoyan2017·2019-07-16 14:00

「Angular7+NgRx+SSR全家桶」开发QQ音乐

项目说明现在主要是做React开发,也是使用服务端渲染(DEMO),最近想用Angular写一个项目体验一下TypeScript大法,对比Angular对比React从开发体验上来讲个人觉得更加方便很多东西不需要你自己去单独安装.线上地址:https://music.soscoon.comGithub:https://github.com/Tecode/ang...目前还在努力开发中,目前完成了8
Tecode·2019-06-06 00:00

ngrx

ngrx/storeStoreStrore是Angular基于Rxjs的状态管理，保存了Redux的核心概念，并使用RxJs扩展的Redux实现。使用Observable来简化监听事件和订阅等操作。
張怼怼·2018-12-29 00:00

NGRX和Angular Resolver结合的方法

阅读更多在Resolver里面获取数据，一般可以像下面这样写resolve(route:ActivatedRouteSnapshot,state:RouterStateSnapshot):Observable{returnthis.store.pipe(select(selectXXX),tap((data)=>{if(!data){//自行根据实际做判断//Dispatchactiontoloa
lyj86·2018-11-08 15:00

关于NgRx的状态管理

什么是NgRx？简单的讲，NgRx是继Redux之后，结合RxJs的产物。可以说，它是Angular天生的“伴侣”，帮助Angular做状态管理。
LYX_Jiesengbb·2018-08-10 13:26

react-redux 开发实践与学习分享

在各大框架中均可使用，当然各个框架也有自己再度封装的状态管理库，如angular的ngrx，vue的vuex，而本文主要介绍的是react的react-redux。
j_bleach·2017-09-23 14:49

react-redux 开发实践与学习分享

在各大框架中均可使用，当然各个框架也有自己再度封装的状态管理库，如angular的ngrx，vue的vuex，而本文主要介绍的是react的react-redux。
j_bleach·2017-09-23 00:00

Angular X中使用ngrx的方法详解（附源码）

前言ngrx是Angular框架的状态容器，提供可预测化的状态管理。下面话不多说，来一起看看详细的介绍：1.首先创建一个可路由访问的模块这里命名为：DemopetModule。
迷惘却坚定·2017-07-10 08:59

【译】手把手教你用ngrx管理Angular状态

原文链接：ManagingStateinAngularwithngrx/store作者：KimMaida翻译：野草本文将与你一起探讨如何用不可变数据储存的方式进行Angular应用的状态管理：ngrx/
野草_前端·2017-07-08 17:39

编程即逻辑 -- 聊聊 Effects 及在 Angular 中的应用

最近由于工作需要，在Angular中使用了@ngrx/effects（这个是借鉴了Cycle.js的思路，把这种思路应用在Angular中），对这个模式有了些粗浅认识，这里和大家分享。
接灰的电子产品·2017-04-11 19:34

ngRx 官方示例分析 - 6 - Effect

@ngrx/effect前面我们提到，在Book的reducer中，并没有Search这个Action的处理，由于它需要发出一个异步的请求，等到请求返回前端，我们需要根据返回的结果来操作store。
冠军·2017-03-27 13:00

ngRx 官方示例分析 - 5. components

组件通过标准的Input和Output进行操作，并不直接访问store./app/components/book-authors.tsimport{Component,Input}from'@angular/core';import{Book}from'../models/book';@Component({selector:'bc-book-authors',template:`WrittenB
冠军·2017-03-26 15:00

ngRx 官方示例分析 - 4.pages

Page中通过构造函数注入Store，基于Store进行数据操作。注意Component使用了changeDetection:ChangeDetectionStrategy.OnPush.OnPushmeansthatthechangedetector'smodewillbesettoCheckOnceduringhydration./app/containers/collection-page.
冠军·2017-03-20 10:00

ngRx 官方示例分析 - 3. reducers

上一篇：ngRx官方示例分析-2.Action管理这里我们讨论reducer.如果你注意的话，会看到在不同的Action定义文件中，导出的Action类型名称都是Actions，在导入的时候，同时导入同名的类型就是问题了
冠军·2017-03-15 11:00

ngRx 官方示例分析 - 2. Action 管理

解决Action名称冲突问题在ngRx中，不同的Action需要一个ActionType进行区分，一般来说，这个ActionType是一个字符串，如何定义和使用这个字符串是需要首先考虑的问题。
冠军·2017-03-14 11:00

ngRx 官方示例分析 - 1. 介绍

ngRx的官方示例演示了在具体的场景中，如何使用ngRx管理应用的状态。示例介绍示例允许用户通过查询google的bookAPI来查询图书，并保存自己的精选书籍列表。
冠军·2017-03-13 12:00

翻译：使用 Redux 和 ngrx 创建更佳的 Angular 2

翻译：使用Redux和ngrx创建更佳的Angular2原文地址：http://onehungrymind.com/build-better-angular-2-application-redux-ngrxAngular
冠军·2017-03-06 16:00

Redux你的Angular 2应用--ngRx使用体验 | 掘金技术征文

Angular2和Rx的相关知识可以看我的Angular2.0从0到1系列第一节：Angular2.0从0到1（一）第二节：Angular2.0从0到1（二）第三节：Angular2.0从0到1（三）第四节：Angular2.0从0到1（四）第五节：Angular2.0从0到1（五）第六节：Angular2.0从0到1（六）第七节：Angular2.0从0到1（七）第八节：Angular2.0从0
接灰的电子产品·2016-12-26 10:01

Redux你的Angular 2应用--ngRx使用体验 | 掘金技术征文

第一节：初识Angular-CLI第二节：登录组件的构建第三节：建立一个待办事项应用第四节：进化！模块化你的应用第五节：多用户版本的待办事项应用第六节：使用第三方样式库及模块优化用第七节：给组件带来活力Rx--隐藏在Angular2.x中利剑Redux你的Angular2应用第八节：查缺补漏大合集(上)第九节：查缺补漏大合集(下)标题写错了吧，是React吧？没错，你没看错，就是Angular2。
weixin_34096182·2016-12-26 10:24

[Angular 2] @ngrx/devtools demo

ChecktheGithub: https://github.com/ngrx/devtools Example: 
Answer1215·2016-05-10 03:00

[Angular 2] ngrx/store

@ngrx/storebuildsontheconceptsmadepopularbyReduxandsuperchargesitwiththebackingofRxJS.TheresultisatoolandphilosophythatwilltransformthewayyouapproachstatemanagementinyourAngular2applications.Thislesso
Answer1215·2016-05-01 04:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他