小编Sp *_*aju的帖子

我们最近将 Angular 更新至版本 14，并将所有依赖包更新至最新版本。更新后，我们收到一个 eslint 错误，指出 \xc2\xa0\'Component\' 已定义，但从未使用used-imports/no-unused-imports\'\xc2\xa0 据我所知，我相信 Component 我们通常在装饰器中使用并且是必需的。帮我看看如何消除这个警告。

import { Component } from \'@angular/core\';\n\n@Component({\n  selector: \'money-control\',\n  templateUrl: \'./money-control.component.html\',\n  styleUrls: [\'./money-control.component.scss\']\n})\nexport class AMTabComponent { \n}

\n

这些是我的 eslint\n.myapp.eslintrc.json 的配置文件

{\n  "$schema": "https://raw.githubusercontent.com/SchemaStore/schemastore/master/src/schemas/json/eslintrc.json",\n  "root": false,\n  "parser": "@typescript-eslint/parser",\n  "parserOptions": {\n    "project": [\n      "tsconfig.json",\n      "tsconfig.*.json"\n    ],\n    "ecmaVersion": 2021,\n    "sourceType": "module"\n  },\n  "plugins": [\n    "@typescript-eslint",\n    "unused-imports"\n  ],\n  "extends": [\n    "eslint:recommended",\n    "plugin:@typescript-eslint/recommended",\n    "plugin:@angular-eslint/recommended"\n  ],\n  "rules": {\n    "@angular-eslint/component-selector": [\n      "error",\n      {\n        "type": "element",\n        "prefix": …

我看过几篇有关此错误的文章，我经历了一些但找不到解决方案。当我的布尔值为true时，我在这里调用警报方法。如果boolen为true，但在控制台中出现错误时，警报将完美显示。

这是我的模板类：

<ng-template #sessionSuccessModal let-c="close" let-d="dismiss">
	<div class="modal-header">
			<h4 class="modal-title">Include Criteria Error</h4>
			<button type="button" class="close" aria-label="Close" (click)="closeModel()">
			<span aria-hidden="true">&times;</span>
			</button>
	</div>
	<div class="modal-body"  class="bg-light text-dark">
			<p>{{ alertMessage }}!</p>
	</div>
	<div style="text-align: center" class="bg-light text-dark">
			<button type="button"  (click)="closeModel()">Ok</button>
	
	</div>
</ng-template>
<div class="grid" >
<div [formGroup]="orderUnitForm" >
	<div class="form-group" [hidden]="searhPanel">
    <div class="layer-types__layer-1" >             
              <div class="bx--row">
              <div class="bx--col-md-12 bx--col-xs-12">              
		        <select id="select-menu" class="bx--text-input" formControlName="ruleSelection" name="ruleSelection" (change)="onChange($event.target.value)" >
		        	 <option  selected>{{defaultSearch}}</option>
		        	 <option  *ngFor="let rule of rules"  [value]="rule.id" >{{rule.name}}</option>
		        </select>
		   	 
		   	  </div>
		   	  </div>
    			
              <div class="bx--row">     
	               <!-- <div class="form-group" …

我正在尝试通过反应进行 POST 请求调用，但出现错误。如果有人知道帮助我，请帮助我我必须更改的地方。

错误是：{时间戳：1510396949738，状态：415，错误：“不支持的媒体异常：”org.springframework.web.HttpMediaTypeNotSupportedException”，消息：“内容类型'multipart/form-data;boundary=----Web…daryTY6125I1exH8Ry7f ;charset=UTF-8' 不支持", ... ...}

这是我的反应代码：

import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';
import TextField from 'material-ui/TextField';
const style = {
  margin: 15,
marginLeft: 600
};
export default class  Register extends React.Component {
  constructor(props) {
    super(props);
    this.onSubmit=this.handleSubmit.bind(this);
}
handleSubmit(e) {
    e.preventDefault();
    var self = this;


    var data = new FormData();
    const payload = {
    id: self.refs.id.getValue(),
    studentName: self.refs.sname.getValue(),
    age: self.refs.age.getValue(),
    emailId: self.refs.emailId.getValue()
};
data.append("myjsonkey", JSON.stringify(payload));

fetch('http://localhost:8083/students/', {
    method: 'POST',
    headers: {
    'Accept': 'application/json'
  },
    body: data …

我试图通过在 angular 2 中使用 Jasmine 来编写一个警报测试用例。但是我的测试用例是如何给出错误的，即使我不确定我是否编写了正确的方法。如果有任何想法，请帮助我。

这是我的测试用例：

it('checking showscheduledrequest flow an alert is called',() =>{
      let component = fixture.componentInstance;
      component['ou'] = 'd';
      component['sen'] = 'ddsd';
      var oldalert = alert;
      oldalert = jasmine.createSpy();
      component.handleActionChane('showscheduledrequest');
      fixture.autoDetectChanges();
      expect(alert).toHaveBeenCalledWith('This is not a valid request');
    });

我正在尝试从组件访问变量到类外部,并且没有与该组件的关系(父/子).我做了一些研发工作,但找不到办法.如果有任何想法请帮助我.

例如,组件类似于:BankAccountComponent.ts

@Component({
  selector: 'app-bank-account',
  templateUrl: './app-bank.component.html',
  styleUrls: ['./app-bank.component.scss']
export class BankAccountComponent {
  accountFlag: false;
  changeFlag(){
    this.accountFlag = true;
  }
}

侧面课程如:CustomValidator.ts

export class CustomValidators extends Validators { 
static bankAccValidator(control: AbstractControl): { [key: string]: boolean } | null {
//Here I need to use that component variable i.e accountFlag
return null;
}

如果元素 id 已在角度中单击，我正在尝试获取布尔值。我尝试通过 document.getElementById 获取布尔值来查找是否单击了元素，但这没有按预期工作。

这就是我的示例 html 代码：

<button id="my-btn-id" class="bx--number__control-btn up-icon">

如果我的按钮 id 将被单击，我需要获取 true 或需要返回 false。这里通过click事件我可以获取到它，但是我需要通过id来识别。如果有人有任何想法请帮助我。

我试图在GET方法中将多个路径变量传递给我的控制器类，所以我通过POSTMAN给变量。当我尝试单个变量时，它工作正常，但是对于两个变量，我却得到了空结果。

这就是我通过POSTMAN localhost：8081 / specquestions / java / oops传递变量的方式

这里的“ java”是一个变量，“ oops”是另一个变量

我的Java控制器类

@RequestMapping(method=RequestMethod.GET,value="/specquestions/{subject}/{topic}")
public ResponseEntity<List<QuestionBank>> getSpecificQuestions(@PathVariable String subject,String topic) {

    return ResponseEntity.ok( questionBankService.getSpecificquestions(subject,topic));

}

谁能建议我在哪里做错了。

我试图找到重置角反应形式的最佳方法。我对重置反应形式有点困惑，无法找到哪种方法适用于模板驱动形式，哪些方法是反应形式。现在我已经使用 'formGroupDirective' 来重置，但我收到如下所示的控制台错误。

这就是我使用 formGroupDirective 进行重置的方式。

模板文件：

<form 
  ...
  #formDirective="formGroupDirective" 
>

TS文件：

import { ViewChild, ... } from '@angular/core';
import { FormGroupDirective, ... } from '@angular/forms';

export class MyComponent {
 ...
 @ViewChild('formGroupDirective') private formGroupDirective: FormGroupDirective;

  constructor(... )

  private someFunction(): void { 
    ...
    formGroupDirective.resetForm();
  }
}

在这里我无法理解一件事，FormGroupDirective 和 FormDirective 之间有什么区别。以及哪一种更适合反应形式。甚至我们可以通过 formGroup 名称重置

this.formGroup.reset();

因此，如果我们能够通过 formGroup 名称进行重置，那么为什么我们需要使用指令。如果有人有想法，请帮助我理解这些差异。

您好，我正在尝试通过 axios 进行 ReactJS POST 请求，但出现错误，我浏览了所有文档，但错误尚未解决。

这是我的错误：

未捕获（承诺中）错误：请求失败，状态代码为 400 at createError (eval at (bundle.js:4621), :15:15) at Settle (eval at (bundle.js:4615), :18:12) at XMLHttpRequest.handleLoad（在（bundle.js：4609），：77：7处评估）

这是我的 Reactjs 代码：

import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';
import TextField from 'material-ui/TextField';
import axios from 'axios';
const style = {
 margin: 15,
marginLeft: 600
};
export default class  Register extends React.Component {
 constructor(props) {
   super(props);
   this.onSubmit=this.handleSubmit.bind(this);
}


handleSubmit(e) {
   e.preventDefault();
   var self = this;
   var data = new FormData();
   const payload = {
   id: …

我正在尝试使用硒检查点击功能。在这里，我可以通过测试用例单击特定元素，但从测试用例的角度来看，我需要返回元素是否被单击。如果发生点击，则应返回 true，否则需要返回 false。这就是我进行点击操作的方式。

		find(By.xpath("elementpath")).click();