小编Tom*_*lie的帖子

NgRx:在单个效果中调度多个操作

我需要在调用 API 请求后分派多个操作。我目前正在使用此代码在 API 请求完成后分派一个操作:

 changeStatus$ = createEffect(() => 
  this.actions$.pipe(
    ofType(fromJtDetail.changeStatus),
    switchMap(action =>
      this.jtDetailService.changeStatus(action.entity,action.jobTicketId).pipe(
        map(res => fromJtDetail.statusChanged({changedStatus: action.entity.newStatus})),
        catchError(error => EMPTY)
))));
Run Code Online (Sandbox Code Playgroud)

在这个效果中调度更多的动作很重要,不能为此编写另一个效果。

rxjs ngrx ngrx-effects angular

19
推荐指数
2
解决办法
3万
查看次数

如何将注册表范围与 Yarn 2.0 和 Azure Artifacts 结合使用

我想使用https://registry.yarnpkg.com作为所有包的包注册表,除了我在 Azure Artifacts 上托管的 1 个包之外。

我有以下.yarnrc.yml文件

yarnPath: ".yarn/releases/yarn-berry.js"    
npmScopese:
      my-scope:
        npmRegistryServer: 'https://pkgs.dev.azure.com/<my-org>/_packaging/<my-feed>/npm/registry/'
        npmAlwaysAuth: true
        npmAuthIdent: 'my-auth-stuff'
Run Code Online (Sandbox Code Playgroud)

然后在控制台中我运行 yarn add @my-scope/my-package@1.0.0

我收到以下错误 @my-scope/my-package@npm:1.0.0: Response code 404 (Not Found)

以下返回 200 响应

curl GET 'https://pkgs.dev.azure.com/<my-org>/_packaging/<my-feed>/npm/registry/<my-package>' --header 'Authorization: <my-auth>'
Run Code Online (Sandbox Code Playgroud)

不确定是否缺少某些东西。任何帮助,将不胜感激。

azure-devops yarnpkg azure-artifacts yarnpkg-v2

7
推荐指数
1
解决办法
3257
查看次数

如何处理 Playwright-python 中 wait_for_selector 函数的 TimeoutError?

我想用它Except TimeoutError来处理超时问题。但脚本总是抛出一个超时错误,而不是按照我的计划打印消息。

这是我的代码:

try:
    await page.wait_for_selector("#winiframe_main", timeout=10000, state='detached')
    print("The frame is detached.")
except TimeoutError:
    print("The frame is not detached")
Run Code Online (Sandbox Code Playgroud)

我的代码有什么问题吗?

python exception playwright-python

7
推荐指数
1
解决办法
4692
查看次数

*ngFor 在 Ionic Popover/Modal 中不起作用

此代码适用于我的页面中除 Popover 和 Modal 之外的任何位置。我得到 Can't bind to 'ngForOf' 因为它不是 'div' 的已知属性

有什么解决办法吗?

<div *ngFor="let u of users">
  <ion-row>
    <ion-col size="12">
      <ion-label>
        <ion-title>{{ u.first}}</ion-title>
      </ion-label>
    </ion-col>
  </ion-row>
</div>
Run Code Online (Sandbox Code Playgroud)
users: any[] = [
  {
    id: 1,
    first: 'Alice',
    last: 'Smith',
  },
  {
    id: 2,
    first: 'Bob',
    last: 'Davis',
  },
  {
    id: 3,
    first: 'Charlie',
    last: 'Rosenburg',
  }
];
Run Code Online (Sandbox Code Playgroud)

javascript ionic-framework angular ionic4

5
推荐指数
1
解决办法
1705
查看次数

错误:未设置 QueryClient,请使用 QueryClientProvider 设置一个。我设置了QueryClient?

我已经换行<ReactQueryDevtools /><QueryClientProvider>,所以我不明白为什么我会遇到这个问题?

我查看了 TanStack 查询文档,但我不明白这个问题。

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import { BrowserRouter } from 'react-router-dom';
import { worker } from '@uidotdev/react-query-api';
import { QueryClient, QueryClientProvider } from 'react-query';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';

const queryClient = new QueryClient();

new Promise((res) => setTimeout(res, 100))
  .then(() =>
    worker.start({
      quiet: true,
      onUnhandledRequest: 'bypass',
    })
  )
  .then(() => {
    ReactDOM.render(
      <React.StrictMode>
        <QueryClientProvider client={queryClient}>
          <BrowserRouter>
            <div className="container">
              <App />
            </div> …
Run Code Online (Sandbox Code Playgroud)

reactjs react-query

2
推荐指数
1
解决办法
2591
查看次数

如何在禁用状态下自定义离子范围?

有没有办法在禁用属性处于活动状态的情况下自定义离子范围?

用作ion-range视觉提示来显示用户在(订单)流程中的位置。用户将无法选择更改范围,因此disabled添加了该属性。此属性会覆盖所有自定义颜色 css。但我找不到disabledcss 来再次覆盖它以达到所需的结果。

这是自定义的CSS ion-range。次要颜色是下面看到的绿色。

在此输入图像描述

ion-range在用户无法控制滑块的情况下,我们能达到下面想要的结果吗?

<ion-range value="{{ range }}" min="0" max="2" color="secondary" disabled></ion-range>
Run Code Online (Sandbox Code Playgroud)

结果(具有禁用属性)

结果

期望的结果(没有残疾财产)

期望的结果

编辑

由于您无法更改禁用属性及其 CSS 变量,因此我们希望在用户不使用指针或触摸控制的情况下显示滑块。

ionic-framework ionic4

1
推荐指数
1
解决办法
1581
查看次数