小编Rij*_*ijo的帖子

我有两个火灾商店集合与以下参考图像. 我想获得firstName和title.这里signup_id是从coll-signup文档id 引用的.以下代码给出了我的所作所为.

模型feed.ts

export interface Feed {
    firstName? : string;
    signup_id? : string;
    title? : string;
}

新闻feed.component模板

    <ul *ngFor="let feed of feeds">
<!-- <li>{{feed.firstName}}</li> --> // Here I want to print my first name
      <li>{{feed.title}}</li>
      <li>{{feed.signup_id}}</li>
    </ul>

新闻feed.component.ts

import { Component, OnInit } from '@angular/core';
import { Feed } from '../../models/feed';
import { FeedService } from '../../services/feed.service';
@Component({
  selector: 'app-news-feed',
  templateUrl: './news-feed.component.html',
  styleUrls: ['./news-feed.component.css']
})
export class NewsFeedComponent implements OnInit …

我有以下代码用于上传图像和处理文本输入。但两者无法一起使用 *图像上传正确，但我无法获取文本字段值*

var express = require('express');
var multer	=	require('multer');
var mime    =   require('mime');
var app = express();
var bodyParser =	require("body-parser");
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

var storage	=	multer.diskStorage({
  destination: function (req, file, callback) {
    callback(null, './uploads');
  },
  filename: function (req, file, callback) {
    callback(null, file.fieldname + '-' + Date.now() + '.' + mime.extension(file.mimetype));
  }
});
var upload = multer({ storage : storage }).array('userPic');

app.get('/completeForm.html', function(req, res){
	res.sendFile(__dirname + '/' + 'completeForm.html')
});

app.post("/postFormAct", function (req, res, next) …

我有以下父级 html

<p>Parent</p>
<app-child [mainData]="mainData"></app-child>

父.ts

mainData = [];
ngOnInit() { 
 this.myService((res)=>{
 this.mainData = res;
})
}

子 HTML

<p>My JSON {{mainData | json}}</p> //Here getting result from parent

孩子.ts

@Input() mainData = [];
myDataCopy = [];
ngOnInit() { 
   this.myDataCopy = this.mainData; 
   console.log('My copy Data', this.myDataCopy); // Doesn't get result on here 
}

如果我需要处理@Input数据怎么可能？

类型'{query:{limitTolast:number; orderByKey:boolean; }; ''不能赋值给'QueryFn'类型的参数.对象文字只能指定已知属性,'QueryFn'类型中不存在'query'.

的package.json

"angularfire2": "^5.0.0-rc.3",
"firebase": "^4.5.1",

chat.service.ts

getMessages(): FirebaseListObservable<ChatMessage[]> {
    return this.db.list('messages', {
      query: { limitTolast : 25, orderByKey: true}
    });
  }

我有一个使用 Angular 的客户端应用程序，服务器端是 Nest JS。我需要从客户端 -> Nest JS -> Java 端点（第 3 方 API）传递文件数据。

如何将缓冲数据从 Nest JS 服务器传递到 Java 端点

这是我的代码

客户端

let fData: FormData = new FormData;
if(this.formService.model['uploadChecklist']) {
   fData.append('clientmanagedFacilityfile',this.formService.model['uploadChecklist']);
   fData.append('ticketID', this.ticketId);
   fData.append('employeeID', this.eid);
   this.gbtService.uploadtoNestJS(fData).subscribe((data) => {console.log(data)}) 
}

uploadtoNestJS(fData):Observable<any> {
        return this.http.post('/api/file/upload/newpoint',fData);
    }

Nest JS 服务器端

@Post('file/upload/newpoint')
    @UseInterceptors(FileInterceptor('clientmanagedFacilityfile'))
    uploadFile(@UploadedFile() clientmanagedFacilityfile, @Headers() headers,  @Body() body: {ticketID: string, employeeID: string}) {
        console.log(clientmanagedFacilityfile, '--------', headers, '--------', body.employeeID, body.ticketID); // Receiving all the values as expected 
        return this.fileService.uploadFiletoJava(clientmanagedFacilityfile,body,headers);
    }

uploadFiletoJava(files, bodyData: {ticketID: string, …

我正在创建动态输入字段，它将接受所有类型值。我只需要限制输入的数字。

模板：

<tr  *ngFor="let item of rowData">
    <ng-container *ngFor="let hitem of columnDefs" >
      <td *ngIf="!hitem.dropdown; else selectDrop">
        <span *ngIf="hitem.edit;else content">
          <div *ngIf="editing">
          <input [required]="required"  [name]="item[hitem.field]" [(ngModel)]="item[hitem.field]" />
          </div>
          <div *ngIf="!editing">
            {{item[hitem.field]}}
          </div>
        </span>
      <ng-template #content>content here... {{item[hitem.field]}} </ng-template>
      </td>
      <ng-template #selectDrop>
        <td>
          <select [(ngModel)]="item[hitem.field]">
            <option *ngFor="let item of aplAry">{{item}}</option>
          </select>
        </td>
      </ng-template>
      </ng-container>
  </tr>

数据：

mainHead = [{name:'', colspan:1}, {name:'Deatils', colspan:2}]
columnDefs = [
        {headerName: 'Make', field: 'make', edit:true },
        {headerName: 'Model', field: 'model', dropdown: true },
        {headerName: 'Price', field: …

添加提供程序后，Angular 14 中也会出现 NullInjectorError

代码如下所示

应用程序模块.ts

import { LogService } from './services/log.service';
import { LogType, Config } from './interface/config';
import { loggerServiceFactory } from './logfactory';
export const config = {
  apiUrl: 'http://localhost:3000',
  logType: LogType.Default
}
 providers: [
    {provide: LogService, useFactory: loggerServiceFactory, deps:[config]}
  ],

记录器服务工厂

import { AppConfig, LogType } from "./interface/config";
import { ClientService } from "./services/client.service";
import { LogService } from "./services/log.service";

export const loggerServiceFactory = (config: AppConfig) => {
    if(config.logType === LogType.Client) {
        return new ClientService();
    }
    return …