小编sub*_*oca的帖子

将node-sass-json-importer集成到Angular CLI应用程序中

尝试将node-sass-json-importer添加到Angular CLI应用程序中.

我使用1.0.0-beta.17的是CLI 版本,但是还无法使用当前版本来解决1.2这个问题.通过纱线安装后,我不知道应该在应用程序配置中设置它.

有没有人成功地将其整合到他们的应用程 我能找到的唯一答案是使用Webpack的应用程序,而不是Angular CLI.

javascript sass node-sass angular-cli angular

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

已记录但未触发的操作

我有一个带有组件的模块,该组件可调度 FETCH 操作,该组件从 API 获取数据,然后调度 RECEIVED 操作。它工作得很好。

然后我将模型、动作和状态复制到另一个模块和组件(具有不同的获取和接收),但它不起作用。记录器将操作显示为已调度,但未执行代码。

文件.action.ts

export class FetchFolders {
  static readonly type = '[Documents] Fetch folders';

  constructor(public payload: string) { }
}
Run Code Online (Sandbox Code Playgroud)

文件.state.ts

  @Action(FetchFolders)
  FetchFolders(state: StateContext<DocumentStateModel>, { payload }: FetchFolders) {
    console.log('inside');
    return this.http.get(`assets/fake-data/${payload}/documents.json`)
      .pipe(
        tap(result => this.store.dispatch(new ReceiveFolders(<DocumentFolder[]>result)))
      );
  }
Run Code Online (Sandbox Code Playgroud)

我已将代码减少到最低限度,以检查一切是否正常工作。还检查了导入(有时我从错误的库中导入),但仍然没有运气。

知道发生了什么吗?

action angular ngxs

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

css 类的 Angular HostBinding 测试

我有一个带有加载、错误显示和实际内容的包装器。根据一些输入,我想显示一个或另一个。

我想测试是否出现任何错误,添加了“centered__holder”类

组件:

@Component({
  selector: 'sd-ui-state-wrapper',
  templateUrl: './ui-state-wrapper.component.html',
  styleUrls: ['./ui-state-wrapper.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class UIStateWrapperComponent implements OnChanges {
  @Input() isLoading: boolean;
  @Input() errors: string[] | undefined;
  @HostBinding('class.centered__holder') centeredCss: boolean = false;

  [...]

  ngOnChanges(): void {
    this.centeredCss = this.isLoading || this.errors !== undefined && this.errors.length > 0;
  }
}
Run Code Online (Sandbox Code Playgroud)

考试:

beforeEach(async(() => {
  TestBed.configureTestingModule({
    declarations: [UIStateWrapperComponent],
  })
    .compileComponents();
}));

beforeEach(() => {
  fixture = TestBed.createComponent(UIStateWrapperComponent);
  component = fixture.componentInstance;
  component.errors = errorMock;
  fixture.detectChanges();
}));

it('should add centered__holder class', async (done) => …
Run Code Online (Sandbox Code Playgroud)

unit-testing angular

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

正则表达式在javascript中查找连续数字

我正在尝试通过 javascript 中的正则表达式查找多个连续数字

假设我有:

12345abc123
Run Code Online (Sandbox Code Playgroud)

我想知道有多少次我有 3 个或更多的连续数字。现在我正在使用:

/\d{3}/g
Run Code Online (Sandbox Code Playgroud)

但这给了我: 123, 123 我想要: 123, 234, 345, 123

如何更改我的正则表达式以获得我想要的?

javascript regex

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