存储更新时重新呈现HTML - NGXS
存储更新时重新呈现HTML是指在前端开发中，当数据发生变化时，需要更新页面上的HTML内容以反映最新的数据状态。NGXS是一个流行的前端状态管理库，它可以帮助开发者更好地管理应用程序的状态，并提供了一种机制来自动更新HTML。
NGXS是基于Flux架构的一种状态管理库，它使用了单向数据流的概念来管理应用程序的状态。在NGXS中，应用程序的状态被存储在一个称为Store的中央存储库中。当数据发生变化时，NGXS会自动更新Store中的状态，并通知相关的组件进行页面更新。
存储更新时重新呈现HTML的过程可以分为以下几个步骤：
- 定义状态：首先，需要在NGXS中定义应用程序的状态。状态可以是任何JavaScript对象，用于存储应用程序的数据。
- 更新状态：当数据发生变化时，可以通过派发一个称为Action的对象来更新状态。Action是一个简单的JavaScript对象，它描述了要对状态进行的操作。
- 处理Action：在NGXS中，可以通过定义称为Reducer的函数来处理Action。Reducer是一个纯函数，它接收当前的状态和Action作为参数，并返回一个新的状态。
- 更新HTML：当状态发生变化时，NGXS会自动更新Store中的状态，并通知相关的组件进行页面更新。组件可以通过订阅Store中的状态来获取最新的数据，并将其呈现在HTML中。
存储更新时重新呈现HTML的优势是可以实现数据与页面的实时同步，提供更好的用户体验。通过使用NGXS，开发者可以更好地管理应用程序的状态，并减少手动更新HTML的工作量。
存储更新时重新呈现HTML的应用场景包括但不限于：
- 实时数据展示：当需要展示实时数据时，可以使用NGXS来实现数据与页面的实时同步，例如股票行情、实时监控等。
- 表单数据更新：当用户在表单中输入数据时，可以使用NGXS来实时更新页面上的数据，提供更好的交互体验。
- 数据可视化：当需要展示大量数据的可视化效果时，可以使用NGXS来实时更新页面上的数据，实现动态的数据可视化效果。
腾讯云相关产品中与NGXS类似的状态管理库包括Tencent Cloud Base和Tencent Cloud TDSQL。Tencent Cloud Base是腾讯云提供的一种云开发平台，它提供了类似NGXS的状态管理功能，可以帮助开发者更好地管理应用程序的状态。Tencent Cloud TDSQL是腾讯云提供的一种云数据库服务，它可以存储应用程序的状态，并提供了自动更新HTML的功能。
更多关于腾讯云相关产品的介绍和详细信息，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我第一次使用NGXS商店来管理应用程序的状态。一切都进行得相当顺利，但我遇到了一个我无法克服的问题，它涉及到过渡/动画。我有一个项目列表，这些项目可以处于选中状态，这会使它们展开并显示其他信息。在我将此功能插入到存储之前(它直接在组件中处理)，我在max-heigth上使用标准的css转换来进行扩展，但是一旦我将该功能连接到存储(开始分派操作)，转换就停止工作。我可以看到，每次更新存储时，dom元素都会被移除并读取到dom中，这使得使用标准css变得不可行。因此，我继续尝试使用angular的动画和触发器，这些触发器使用不同的状态来进行转换，但我只让扩展起作用，而不是收缩，如果我选择了一个项
浏览 16提问于2019-10-08得票数 2
1回答
我正在尝试使用Range6+ Ngxs + WebSocket构建一个应用程序。但是，有些我无法与Ngxs提供的WebSocket插件连接。
在文档中，Ngxs提到我们可以使用WebsocketMessageError操作来捕获错误。(我希望我正确理解这些文件)
文档链接：
但是我试图在Service类中导入这个操作，然后它会说action是不可用的。
这是我的WebSocketService类的代码。
import { Injectable } from '@angular/core';
import { Store, Actions, ofActionDispatched
浏览 1提问于2018-07-16得票数 2
回答已采纳
1回答
@ngxs/storage-plugin与@ngxs/router-plugin一起使用会导致路由中断。如果我把它们中的任何一个移除，路由就能正常工作。对于这两种方法，如果我在浏览器中键入一个URL，它总是返回到最后一个路由。我试图改变加载这些插件的顺序(将存储插件移动到最后)，其行为是一样的。
我的app.routes.ts模块中有以下路由。
export const routes: Route[] = [
{
path: 'login',
children: AUTH_ROUTES
},
{
path: 'account-verification'
浏览 1提问于2018-06-13得票数 1
回答已采纳
2回答
所以，我第一次尝试使用NGXS，我注意到当我在Angular的ngOnInit()函数中添加以下代码时，它总是获取接口：
this.store.dispatch(new FooActions.GetAll());
或者它不是功能的一部分？我是否应该在每次发送从服务器获取数据的操作时手动执行检查？
浏览 4提问于2021-11-16得票数 0
更新: Ok。我们发现了如何复制，见最小复制 描述 在生产和非生产环境中，我们可以在服务器日志中看到以下两个致命错误中的许多： 致命 main.js:xx NgxsSelectSnapshotModuleIsNotImported 错误 ：您忘记导入"NgxsSelectSnapshotModule“了！在getStore的assertDefined (/opt/app/dist/server/main.js:xx:yy) 致命 main.js:xx 错误:您忘记导入NGXS模块！在createSelectObservable (/opt/app/dist/server/main.j
浏览 77提问于2021-02-28得票数 0
回答已采纳
首先，我在安装和设置ngx时遇到了一些问题。我将我的package.json文件与ngsx github master中的文件进行了比较，发现大部分安装文件都在v6+。我收到这个奇怪的错误消息：...TS2305..rxjs/Rx"‘没有导出的成员’OperatorFunction.rxjs version = 5.5.6。我通过从ngsx master复制package.json文件解决了这个问题，但我正在尝试挖掘实际发生的..：-)这里是两个package.json文件的副本。一个可以工作，另一个不能工作。
很明显，存在版本差异，但我已经尝试替换了不能工作的版本中的大多数angul
浏览 0提问于2018-04-13得票数 2
core.js:27478 Uncaught TypeError: Cannot redefine property: ɵfac
at Function.defineProperty (<anonymous>)
at addDirectiveFactoryDef (core.js:27478:1)
at compileComponent (core.js:27361:1)
at ɵ3$1 (core.js:27674:93)
at TypeDecorator (core.js:3758:1)
at __decorate (tslib.
浏览 8提问于2022-06-13得票数 0
目前，我从Firestore获取数据，然后将其补丁到状态中。我还使用了NGXS存储插件。
这一切都是可行的，但它似乎是多余的。
当我获取state时，我使用了regular和joined @Selectors的组合。这意味着我没有利用Firestore查询选项，并且我的代码最终在大小和复杂性方面变得臃肿。
当使用Firestore和enablePersistence时，NGXS真的需要吗？
可以做些什么来简化架构？
提前感谢:)
浏览 0提问于2018-10-25得票数 2
我正在尝试在我的Angular项目中从NgRx转换到NGXS，我想知道是否有任何方法可以像NgRx的库ngrx-store-localstorage那样使用Ngxs-Storage-Plugin来恢复日期，或者我必须在afterDeserialize函数中手动完成吗？
浏览 49提问于2021-02-10得票数 0
回答已采纳
在学习NativeScript教程时，我决定第一次尝试NGXS数据存储。我尝试过5种不同的NGXS编写教程(从NS文档开始)，但是尽管Android或NS没有抛出错误，但无法获得状态更新。
NGXS3.5角8.0 NativeScript 5.4
尝试的最终状态=>
// app.module.ts
import { NgxsModule } from '@ngxs/store';
import { ChallengeState } from './shared/challenge.state';
...
imports: [
...
浏览 0提问于2019-07-24得票数 1
回答已采纳
2回答
我有一个应用程序，其中我发出一个ajax请求，然后循环处理数据并创建一个HTML组件列表。我现在要做的是给他们分配onClick或ref值，但我得到的错误是“只有响应所有者才能获得推荐”。
下面是代码的一个片段：
( ajax请求完成后，它调用render数据，循环数据，然后设置dataHtml的状态，该状态定义列表将出现的位置。当事件发生时，我想引用"MyComponent“组件，但是如果我试图对它们应用任何类型的ref或onClick，它就不能工作，因为它们不在呈现函数中。当发生上述事件时，我如何访问这些组件？)
renderData(data)
{
var html =
浏览 6提问于2017-09-05得票数 2
回答已采纳
1回答
在角度上，我对类似于redux的模式印象深刻，我喜欢NGXS (我将它与NGRX和秋田进行了比较，但选择了NGXS)。
我知道NGXS在应用程序中存储了所有以前的状态，所以如果我有一个非常复杂的UI，有大量的网格操作等等--在每一个动作上都添加了一个新的状态，那么全局状态对象会不会变得“非常大”，并且与以前状态的整个层次结构一起变得笨重？
随着应用程序变得复杂和复杂，这是否存在性能问题？
浏览 2提问于2018-10-23得票数 3
回答已采纳
1回答
我正在学习NGXS状态管理，但是无法理解在这个上下文中调度词的含义，它已经写在了它的文档中。你能帮我澄清一下吗。
正如我前面提到的，action是一个命令，我们可以使用它从商店分派项目。为此，我们需要将Store服务注入组件并调用分派函数。
浏览 0提问于2021-04-16得票数 0
回答已采纳
我有一个应用程序，用户列出在一个日历月内进行的交易。这些事务存储在Redux存储区中。我需要映射这些以显示所有事务的累积值，但我不确定是否需要将其存储在Redux或React组件状态中？
我认为这可能只是状态，但是当我学习React/Redux时，我不确定。
谢谢
浏览 3提问于2016-06-07得票数 1
回答已采纳
我有一个由三个组件组成的应用程序：
HTML表
包含复选框的表行。
扣子
如果没有选中复选框，我希望该按钮被禁用。如果勾选了一个或多个复选框，则应启用该选项。
我使用javascript设置来跟踪任何勾选复选框。
编辑:您可以在这里看到一个演示：
表行具有以下代码：
class EventRowAdmin extends Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
this.state = {
浏览 0提问于2018-06-21得票数 0
1回答
Redux和第三方库
、、、、
我们正在构建一个管理面板，我们以ngx-admin为基础。 我想在项目中使用@ngxs/store。但是管理面板有第三方的库和组件，它们不能以redux的方式工作。 我应该使用@ngxs/store吗？如何控制第三方库中的操作？或者没有使用第三方组件的项目需要@ngxs/store吗？ 例如，它使用ng2-smart-table。表有排序、过滤等。所有这些操作都应该是redux操作，并且它们应该有适当的reducers。但是组件已经准备好可以使用了，并且不知道任何关于全局状态的信息，也没有任何方法来使用它。 因此，问题是，我是应该使用@ngxs/store，还是应该原生使用Angular，只
浏览 13提问于2019-03-13得票数 0
我正在使用一个基本的Angular 11应用程序，它实现了身份验证(使用AWS Cognito & Amplify)。我在这里尝试做的事情非常简单。我使用内置的AWS Amplify方法进行身份验证。我正在使用NGXS来存储与身份验证相关的项目，如令牌、用户信息等。 import { State, Action, StateContext, Selector } from '@ngxs/store';
import { AuthStateModel, defaultAuthState } from './auth.model';
import {
浏览 14提问于2021-03-31得票数 0
回答已采纳
我有几个angular应用程序的实例托管在同一台服务器上(具有不同的基本href，如https://my.server/app0、https://my.server/app1等)。 我尝试使用@ ngxs /storage-plugin保存我的ngxs状态，但我找不到一个选项来为我的数据定义前缀或命名空间，以防止不同的应用程序实例相互干扰。 有谁知道如何正确地做这件事吗？谢谢!
浏览 10提问于2021-08-23得票数 1
我正在使用ngxs..存储状态正在更新，我正在根据需要获取值，但我也希望在存储值更新时再次重新呈现HTML。 现在我的代码说 this.store$ = this.store.select(state => state.departments.departments); 一旦部门得到更新，我就需要我的组件来重新呈现HTML。我是这样做的 <ng-container *ngIf="state$ | async">
<router-outlet></router-outlet>
</ng-container> 值得到了
浏览 27提问于2019-04-24得票数 0
我试图在页面刷新之间保留状态，但它似乎松散了状态信息。我试图保存两个布尔值并检索它。我已经为铬安装了NGXS开发工具来检查状态。我可以看到操作正确地分配了状态信息，但是当我按下F5键时就会松开这些信息。我错过了什么？
动作
import { AgreementsStateModel } from '../models/agreements-state.model';
export class SetAgreementStatus {
static readonly type = '[AGREEMENT] SetAgreementStatus';
浏览 0提问于2020-03-11得票数 0
在我的NGXS存储中，我有以下异步选择器
@Selector()
static async mainState(store: IMyStore): Promise<IMyState> {
return this.getActiveState(store);
}
如果我现在订阅这个选择器
@Select(MyStore.mainState) state$: Observable<IMyState>;
如果我订阅了这个流，就会收到承诺，而不是IMyState对象。所以我必须做：
this.state$.subscribe(p => {
p.then(s
浏览 1提问于2021-09-03得票数 1
回答已采纳
1回答
我创建了一个简单的redux应用程序。在工具中，我检查“高亮更新”。然后单击任意按钮，显示所有组件都已更新，但"AddButton“中的控制台消息没有显示任何内容。错误控制台，反动开发工具还是我？
// index.js
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import { Provider } from "react-redux";
import { createStore } fro
浏览 1提问于2019-02-22得票数 1
回答已采纳
我有一个Vue组件'FullCart‘，它的默认插槽如下所示：
<template>
<div>
<slot></slot>
</div>
</template>
这只用于包装Woocommerce站点的购物车。
<full-cart :key="componentKey">
<form>
<!-- woocommerce cart -->
</form>
</full-cart>
在更新购物车中的项之后，视
浏览 3提问于2019-10-23得票数 0
回答已采纳
1回答
我有一个数组的对象，有一个id和价格。当onClick事件发生时，它会更新特定对象的价格。但是，当onClick事件再次发生时，将显示相关项目的价格被更新。但是，更新后的前一项的价格现在被重新调整到默认值。有人知道为什么会这样吗？该数组从另一个数组映射，并在页面加载和更新发生在一个函数内初始化，该函数在单击按钮时被调用。
/*array for prices*/
const prices = [];
props.cartItems.slice(1).map(
(data) => {
prices.push({id: data.id,
浏览 3提问于2022-11-28得票数 0
回答已采纳
1回答
烧瓶不使用新变量重新呈现模板页。
烧瓶代码 (app.py)：
from flask import Flask, render_template, request, redirect, url_for
app = Flask(__name__)
@app.route("/",methods = ['GET', 'POST'])
@app.route("/<value>",methods = ['GET', 'POST'])
def index(value=1):
print
浏览 4提问于2020-03-29得票数 0
回答已采纳
在NGXS中，我们使用getState()来获取当前状态。有没有办法从存储中获取之前的状态？我正在寻找一个解决方案，因为我必须实现撤消/重做类的功能。谢谢！
浏览 24提问于2018-12-21得票数 2
回答已采纳
在我从NGXS操作调用snackbar之后，snackbar不关闭。仅在指定毫秒之后，而不是在关闭“操作”之后
我尝试使用'action‘参数关闭它，而'ref.close()’方法都没有工作。
但是，如果我通常从一个组件调用它，而不使用NGXS操作，它就会像预期的那样关闭。
NGXS行动
单击“关闭”不起作用。它一直开着。
但是，如果我单击“关闭”，然后单击其他不是该按钮的地方，它就会立即关闭。
@Action(SomeAction)
someAction(
{ setState, getState }: StateContext<SomeModel&
浏览 0提问于2019-04-13得票数 1
1回答
我有一个页面，当页面第一次加载时，我从服务器绑定grdiview，但随后我要做客户端工作，通过从客户端添加/删除行来过滤网格数据。下面是实现该功能的代码
function onSuccess(response) {
// debugger;
var xmlDoc = $.parseXML(response.d);
var xml = $(xmlDoc);
var customers = xml.find("ListOfComplaints");
浏览 4提问于2016-04-25得票数 0
我正在学习flux架构。我正在尝试添加新用户。当用户点击UI上的save按钮时，在我的控制器中，我调用一个动作创建者的createUser函数来启动异步请求：
addNewUser: function () {
HdfsUsersActions.createUser($scope.newUser);
}
动作创建者函数：
createUser: function (user) {
return restService.createHdfsUser(user).then(function (data) {
flux.
浏览 0提问于2015-10-15得票数 0
1回答
我有一个Ionic应用程序，它使用NGXS存储州。
我已经开始实现我的auth服务，它使用后面的防火墙(带有angularfire)。
所以，基本上，我有一个动作：
@Action(LoginWithPasswordAction)
async loginWithPassword(ctx: StateContext<AuthStateModel>, action: LoginWithPasswordAction) {
const result = await this.angularFireAuth.signInWithEmailAndPassword(
浏览 8提问于2020-12-29得票数 1
1回答
Lit文件上写着：
当没有参数调用时，requestUpdate()调度更新，而不调用hasChanged()函数。但是请注意，requestUpdate()只会导致当前组件更新。也就是说，如果组件使用上面所示的代码，和组件将this.myArray传递给子组件，子组件将检测数组引用没有更改，因此不会更新。
那么，如何强制更新子组件(即使子组件的属性没有改变)？
render() {
return html`
<ul>
${this.myArray.map(
(item) => html`
<li>
浏览 2提问于2022-07-22得票数 1
回答已采纳
2回答
官方网站NGXS
I为NGXS存储编写单元测试(Jasmine+ Karma，角2)，在NGXS存储中异步操作(这就像NGRX中的效果)--我们只是返回可观察到的。这很好，因为自动订阅可以工作。但是当我启动测试时，异步操作(效果)上的自动订阅就不起作用了。因为结果测试失败了。总结一下-我不能测试异步动作NGXS我已经尝试过了: 1)我写的像在官方网站NGXS(在图片中)2)我尝试它(完成(())构造，3)我尝试actions$.subscribe()工作时我手动- .subscribe()在行动-但它是问题，因为它必须工作没有这个-这是链接到官方页面： (主题:测试异步动作)请，帮助
浏览 5提问于2020-02-13得票数 1
回答已采纳
我正在使用NGXS在我的Angular项目中实现状态管理，状态由NGXS的插件WebSocket更新
我实现的内容：
model.ts
export interface Student {
id: string;
name: string;
passed: boolean;
}
student.action.ts
export class GetStudents{
...
}
export class UpdateStatus {
static readonly type = '[Student] Update Status';
constructor(
浏览 18提问于2021-06-16得票数 1
回答已采纳
我的组件有一个按钮。通过单击该按钮，将发出一个操作，并进行相应的API调用。API调用的响应存储在redux中。但是，每当对redux存储进行更新时，组件(我正在处理的组件)就会被卸载和重新挂载。因此，当组件重新挂载时，组件的内部状态将被破坏和重新创建。
我的问题是：
当redux存储被更新时，组件是否需要卸载和重新安装？如果是预期的，我应该如何保持组件的内部状态？
AsyncComponent：
export default function asyncComponent(importComponent) {
class AsyncComponent extends React.Comp
浏览 2提问于2019-08-23得票数 3
回答已采纳
1回答
我使用NGXS作为我的状态管理器。我有一个"menuItems“对象，它填充了我的"sidenav”组件： export const menuItems: Array<MenuItem> = [
{
icon: 'assets/circle-logo.png',
label: 'Home',
route: '/home',
selected: false
},
{
icon: 'assets/circle-logo.png',
label:
浏览 19提问于2019-05-10得票数 0
回答已采纳
下面是我的TodoList组件。使用useEffect，我在组件第一次挂载时添加一个侦听器，并在组件挂载后删除它。但是当我添加一个待办事项时，页面不会重新渲染/更新。当我调用商店时，我看到商店确实使用新的todoitem进行了更新。我做错了什么？ Todolist组件： import React, { useState, useEffect } from 'react';
import todoStore from '../Store/TodoStore';
import TodoItem from './TodoItem';
import
浏览 14提问于2020-10-28得票数 0
是否可以使用NGXS存储来使用路由解析器？
我有一个这样的测试，但我不知道这是不是正确的方法：
import {ActivatedRouteSnapshot, Resolve} from "@angular/router";
import {Todo} from "./todos.models";
import {Observable} from "rxjs/Observable";
import {Select, Store} from "@ngxs/store";
import {GetTodo, TodosState} fr
浏览 0提问于2018-11-09得票数 5
1回答
我正在尝试确定当您需要能够立即从props中检索值时，从React执行await操作调用是否有效。换句话说，考虑这个例子：
// Import the Redux store directly (this is just to show that the store will update synchronously)
import store from '../store';
const state = store.getState();
// Where foo is an object created by combineReducers and bar is a p
浏览 0提问于2019-02-12得票数 2
1回答
在我的angular应用程序中，我使用ngxs库作为我的商店。我有一个获取last edited id的方法 return this.store.select((state: AppStateModel) => state.lastEditedId)
.pipe(filter(id => id > 0)); 我用它来改变表单中的选项。如下所示： this._options$ = merge(
/**
* Init value from query param
*/
initValue$.pipe(tap(i =
浏览 12提问于2019-03-14得票数 0
回答已采纳
我正在将应用商店集成到我的应用中。我已经创建了几个简单的状态，并试图从中选择数据，但当应用程序启动时，我得到运行时错误：
TypeError: Class constructor MyState cannot be invoked without 'new'
at ngxs-store.js:2166
at Array.map (<anonymous>)
at selectFromAppState (ngxs-store.js:2162)
at Store.selectSnapshot (ngxs-store.js:2343)
浏览 7提问于2019-11-15得票数 1
回答已采纳
我正在构建一个组件，在每个本地和redux状态更新时渲染动画。本地状态在单击按钮时更新，它还向远程服务器发出ajax请求，以更新用户单击该按钮的情况。我每次点击都会更新本地状态，如下所示： const [selfAnimations, setAnimations] = useState<AnimationRenders>(initialAnimationState);
const onButtonClickCallback = () => {
makeRemoteAjaxCall();
selfAnimations.localEventsCount +=
浏览 7提问于2019-08-27得票数 0
回答已采纳
当角加载视图并显示组件时，我试图使用performance.now()获得时间戳。在官方文档中，列出了一系列不同的可能性：
ngOnChanges
ngOnInit
ngDoCheck
ngAfterContentInit
ngAfterContentChecked
ngAfterViewInit
ngAfterViewChecked
请参阅：
我使用ng新创建了一个项目，该项目非常简单，具有以下内容：
testing.component.html
<p>
"Lorem ipsum dolor sit amet, consectetu
浏览 0提问于2019-07-11得票数 0
回答已采纳
1回答
我试图使一个网站的搜索引擎优化，我不允许使用任何第三方库。我想用动态的方式更新元描述的内容。我做了一切，它应该是工作的，但为了改变它，我需要重新加载页面，这是不是真的很有效，我想这样做，无论何时页面重新呈现。 这是标题:我删除了大部分代码，只留下了你需要的东西。 const AppHead = ({pageTitle = "", canonicalUrl, metaDescription = ''}) => {
return (
<Head>
<meta name="descriptio
浏览 22提问于2021-04-17得票数 0
我正在尝试构建一个门户来创建小部件。这个门户将允许用户创建不同类型的小部件，并实时预览该小部件的外观。
最后，这个门户应该能够为一个特定的小部件生成一个唯一的链接，该小部件能够在用户粘贴它时在任何地方呈现相同的小部件(例如:在线文章)。
供您参考，我将附上预览页的设计。()
请帮助我找到最好的方式来实现这一点，通过使用React。
浏览 2提问于2019-08-19得票数 0
回答已采纳
2回答
我允许用户创建具有任意数量的输入和他们选择的元素的自定义表单。然后，我希望用户能够将该表单保存为一个类型的模板，以便其他用户可以使用该模板创建自己的自定义表单。
可能有数百种不同的帖子类型，每一种都有不同的元素等。
在PHP和MySQL中实现这一目标的最佳方法是什么？
当用户在数据库中创建自定义表单时，我正在考虑仅仅存储自定义表单的html。因此，如果另一个用户想要使用该模板，我只需从数据库中检索该html并将其呈现给新用户。
这是最好的方法吗？很多网站都做类似的事情(例如，吴福)，我只是觉得在数据库中存储这样的原始html有点奇怪。
浏览 4提问于2015-01-07得票数 3
回答已采纳
那不是很昂贵的事情吗？
例如，如果我点击一个按钮来切换某些东西...React是否需要仅为一个操作重新创建整个虚拟DOM，并对其进行比较？
浏览 0提问于2018-11-10得票数 0
我有一个使用@ngxs/store node.js包v3.6.2的角10项目，我试图在服务类中进行状态订阅，立即在服务中处理结果，然后将结果传递给组件。
我的服务类目前无法工作：
import { Injectable } from '@angular/core';
import { Store } from '@ngxs/store';
import { Models } from './models/document.model';
import { Observable } from 'rxjs';
import { asy
浏览 1提问于2020-07-25得票数 0
回答已采纳
这是一个一般的理论问题。
当所有数据已经对存储中的所有组件全局可用时，使用mapStateToProps从存储中选择一组特定的数据并将其作为属性发送到组件中的目的是什么？
另一种说法是，当我只能用state.something访问数据时，为什么要经历额外的步骤将状态映射到属性，这样我就可以用props.something访问数据
浏览 2提问于2020-10-10得票数 1
使用发光元件2，
我注意到当我切换到带有mwc选项卡的选项卡时，class="hide" on <transactions-element class="hide"></transactions-element>确实会持久化。
为什么会这样呢？
render() {
return html`
<mwc-tab-bar @MDCTabBar:activated="${this._setCurrentTabView}">
<mwc-tab
data-el
浏览 3提问于2022-04-24得票数 0
回答已采纳
根据此处提供的文档创建ngxs RouteHandler时：
当我添加以下内容时，会得到一个NullInjectorError：
providers: [
{
provide: APP_INITIALIZER,
useFactory: noop,
deps: [RouteHandler],
multi: true
}
]
是否有人使用此文档记录的RouteHandler成功分派来自ngxs操作的路由？
浏览 1提问于2020-02-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
