我目前正在开发一个小型的Angular2项目.在我的情况下,我必须将一些请求(例如"/ faq","/ aboutus")重新路由回我的旧后端服务器,以获得一些服务器端呈现的百万美元模板.因此我使用内置代理重新路由到我的后台服务器.遗憾的是,由于一些奇怪的原因,它只服务于没有任何脚本和样式或图像的html文件.(我使用angular-cli创建我的项目结构)
这就是为什么我想将这些静态文件添加到我的angular2文件夹,但我找不到正确的位置,使其可用于我的应用程序.有没有其他人知道如何正确地将这些文件放在项目结构中?
在此先感谢您的帮助
我尝试将带有角度的图像上传HttpClient到API Content-Type: multipart/form-data(角度v4 +).是否支持?怎么做?
上传适用于XMLHttpRequest使用模块时ng2-fancy-image-uploader.我更喜欢使用自定义方法HttpClient,我可以将其与其他访问API的方法一起放入http服务中.
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) 我们如何使用redux-toolkit的createSlice创建自定义 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-toolkit的createSlice功能来简化 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-toolkit 中的createSlice函数时,有没有办法自动创建简单的选择器函数?
angular ×2
redux ×2
angular-cli ×1
file ×1
file-upload ×1
http ×1
redux-orm ×1
static ×1
thymeleaf ×1
typescript ×1