小编mrk*_*von的帖子

什么是Angular2中静态文件的默认路径?

我目前正在开发一个小型的Angular2项目.在我的情况下,我必须将一些请求(例如"/ faq","/ aboutus")重新路由回我的旧后端服务器,以获得一些服务器端呈现的百万美元模板.因此我使用内置代理重新路由到我的后台服务器.遗憾的是,由于一些奇怪的原因,它只服务于没有任何脚本样式图像html文件.(我使用angular-cli创建我的项目结构)

这就是为什么我想将这些静态文件添加到我的angular2文件夹,但我找不到正确的位置,使其可用于我的应用程序.有没有其他人知道如何正确地将这些文件放在项目结构中?

在此先感谢您的帮助

static file thymeleaf angular-cli angular

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

使用HttpClient上传图片

问题

我尝试将带有角度的图像上传HttpClient到API Content-Type: multipart/form-data(角度v4 +).是否支持?怎么做?

上传适用于XMLHttpRequest使用模块时ng2-fancy-image-uploader.我更喜欢使用自定义方法HttpClient,我可以将其与其他访问API的方法一起放入http服务中.

这是我到目前为止所尝试的:

model.service.ts

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';
import 'rxjs/add/operator/toPromise';

@Injectable()
export class ModelService {
  constructor(private http: HttpClient) { }

  public async updateAvatar(file: File): Promise<void> {

    // headers
    const headers = new HttpHeaders()
      .append('Content-Type', 'multipart/form-data');

    const formData: FormData = new FormData();
    formData.append('avatar', file, file.name);

    const response: HttpResponse = await this.http
      .patch('https://example.com/avatar', formData, { headers, observe: 'response' }) …
Run Code Online (Sandbox Code Playgroud)

file-upload http multipartform-data typescript angular

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

用 redux-toolkit 重写 redux-orm reducer

问题(tl;博士)

我们如何使用redux-toolkitcreateSlice创建自定义 redux-orm 减速器

是否有比此问题中提供的尝试更简单、推荐、更优雅或只是其他解决方案?

细节

自定义 redux-orm 减速器的示例如下(简化):

function ormReducer(dbState, action) {
    const session = orm.session(dbState);
    const { Book } = session;

    switch (action.type) {
    case 'CREATE_BOOK':
        Book.create(action.payload);
        break;
    case 'REMOVE_AUTHOR_FROM_BOOK':
        Book.withId(action.payload.bookId).authors.remove(action.payload.authorId);
        break;
    case 'ASSIGN_PUBLISHER':
        Book.withId(action.payload.bookId).publisherId = action.payload.publisherId;
        break;
    }

    return session.state;
}
Run Code Online (Sandbox Code Playgroud)

可以使用redux-toolkitcreateSlice功能来简化 reducer (基于 redux-toolkit使用指南):

const ormSlice = createSlice({
  name: 'orm',
  initialState: [],
  reducers: {
    createBook(state, action) {},
    removeAuthorFromBook(state, action) {},
    assignPublisher(state, …
Run Code Online (Sandbox Code Playgroud)

redux redux-orm redux-toolkit

5
推荐指数
2
解决办法
929
查看次数

使用 redux-toolkit 创建简单的选择器函数

当我使用redux-toolkit 中createSlice函数时,有没有办法自动创建简单的选择器函数?

redux redux-toolkit

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