angular-test 相关问题

选中/取消选中 mat-checkbox 未正确返回 true 或 false

我正在使用 Angular 15 和 Angular Material 14，下面是我用来显示复选框列表的 HTML 代码我正在 Angular 15 和 Angular Material 14 工作，下面是我用来显示复选框列表的 HTML 代码 <div *ngFor="let control of checkboxArray.controls;let i = index" > <mat-checkbox [formControl]="control" (input)="validateInputs(notificationForm)" [checked]="control.value" (change)="control.checked=$event.checked;onCheckedChange(i);"> {{ checkboxItems[i].name }} </mat-checkbox> </div> 下面是Angular中onCheckedChange函数的代码 onCheckedChange(index: number) { this.sortCheckboxArray(); const checkboxItem = this.checkboxItems[index]; const control = this.checkboxArray.at(index); if (control) { if (control.value) { this.lists.push(checkboxItem.id.toString()); } else { this.lists.pop(checkboxItem.id.toString()); } } this.updateSubscriberGroupsCount(); this.cdr.detectChanges(); } 当我选中复选框时，在这个 onCheckedChange 函数中，control.value 始终返回 false。哪里出了问题？无法理解.. 这是一个工作版本，复选框逻辑工作正常，希望有帮助！我们需要使用control.value获取表单组，但我们还需要访问内部表单控件，然后获取复选框值！ import { CommonModule } from '@angular/common'; import { Component } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule, } from '@angular/forms'; import { bootstrapApplication } from '@angular/platform-browser'; import 'zone.js'; import { MatCheckboxModule } from '@angular/material/checkbox'; @Component({ selector: 'app-root', standalone: true, imports: [CommonModule, ReactiveFormsModule, MatCheckboxModule], template: ` <form [formGroup]="form"> <div formArrayName="array"> <div *ngFor="let control of checkboxArray.controls;let i = index" [formGroupName]="i"> <mat-checkbox formControlName="test" style="margin-bottom: 15px;" (change)="onCheckedChange(i);"> {{ checkboxItems[i].name }} </mat-checkbox> </div> </div> </form> `, }) export class App { name = 'Angular'; form = new FormGroup({ array: new FormArray([]), }); lists = []; checkboxItems: any = []; ngOnInit() { this.add(); this.add(); this.add(); } add() { this.checkboxArray.push( new FormGroup({ test: new FormControl(false), }) ); this.checkboxItems.push({ name: 'test' }); } get checkboxArray() { return this.form.get('array') as FormArray; } onCheckedChange(index: number) { // this.sortCheckboxArray(); // const checkboxItem = this.checkboxItems[index]; const control = this.checkboxArray.at(index); if (control) { if (control.value.test) { console.log('checked'); // this.lists.push(checkboxItem.id.toString()); } else { console.log('not checked'); // this.lists.pop(checkboxItem.id.toString()); } } // this.updateSubscriberGroupsCount(); // this.cdr.detectChanges(); } } bootstrapApplication(App); 堆栈闪电战

如何使用 .NET TEST EXPLORER 在 VS Code 中运行 NUnit 测试

我想从 .NET TEST EXPLORER 运行单元测试，而不是命令行。我可以在导航到单元测试目录并执行 dotnet test 时运行测试。但选择 .NET TEST EXPLORER...

闪亮的server.R无法读取全局变量

./app 中的两个文件 ui.R 图书馆（闪亮）一个<- 1 ui <- fluidPage( textOutput("test") ) server.R server <- function(input, output) { output$test <- renderText({ a ...

php 使用函数更改函数外部变量的值

我试图在使用函数时更改函数外部声明的变量的值我试图更改在使用函数时声明的变量的值 <?php $test = 1; function addtest() { $test = $test + 1; } addtest(); echo $test; ?> 但似乎不能。只有在函数中声明为参数的变量才有效。有这方面的技术吗？预先感谢将函数内部的变量更改为全局变量 - function addtest() { global $test; $test = $test + 1; } 使用全局变量有很多注意事项 - 从长远来看，您的代码将更难维护，因为全局变量可能会对未来的计算产生不良影响，您可能不知道如何操纵变量。如果重构代码并且函数消失，这将是有害的，因为 $test 的每个实例都与代码紧密耦合。这里有一个轻微的改进，不需要 global - $test = 1; function addtest($variable) { $newValue = $variable + 1; return $newValue; } echo $test; // 1 $foo = addtest($test); echo $foo; // 2 现在您不必使用全局变量，并且可以根据自己的喜好操作 $test，同时将新值分配给另一个变量。不确定这是否是一个人为的示例，但在这种情况下（与大多数情况一样），使用global将是极其糟糕的形式。为什么不直接返回结果并分配返回值呢？ $test = 1; function increment($val) { return $val + 1; } $test = increment($test); echo $test; 这样，如果您需要增加除 $test 之外的任何其他变量，您就已经完成了。如果您需要更改多个值并返回它们，您可以返回一个数组并使用 PHP 的 list 轻松提取内容： function incrementMany($val1, $val2) { return array( $val1 + 1, $val2 + 1); } $test1 = 1; $test2 = 2; list($test1, $test2) = incrementMany($test1, $test2); echo $test1 . ', ' . $test2; 您还可以使用 func_get_args 接受动态数量的参数并返回动态数量的结果。使用 global 关键字。 <?php $test = 1; function addtest() { global $test; $test = $test + 1; } addtest(); echo $test; // 2 ?> 也许你可以试试这个。 <?php function addTest(&$val){ # Add this & and val will update var who call in from outside $val += 1 ; } $test = 1; addTest($test); echo $test; // 2 $anyVar = 5; addTest($anyVar); echo $anyVar; // 6

从 Angular 16 转换为 Angular 17 后缺少 SSR 支持

我已将我的项目从 Angular 16 升级到 Angular 17。但是，我目前没有收到服务器端渲染 (SSR) 的支持。从 Angular 16 迁移后，Angular 是否提供 SSR 支持...

Angular CLI 版本与 Angular Core 版本之间的兼容性？

有什么方法可以知道要安装哪个与我的 Angular Core 版本兼容的 Angular CLI 版本？他们完全独立吗？使用 Core v5.2.8 开发现有的 Angular 应用程序...

Angular 17 中的 NG 块 UI

我尝试在 Angular 17 中使用 NG Block UI 并收到此错误 ng block ui error in Angular 17 知道这个模块在 Angular 17 中如何工作吗？提前致谢我使用 npm i ng-

指定psql连接的默认数据库？

在使用psql时，我想更改初始数据库连接。我有一个名为“test”的数据库作为初始连接。从命令行运行 psql 时，我的提示符为 test=# 之后

Angular Material v17：缺少“MatFormFieldAppearance”中的“遗产”

在 Angular Material v14 中，MatFormFieldAppearance 提供了传统、标准、填充和轮廓值。类型 MatFormFieldAppearance = '旧版' | '标准' | '填充' | '大纲'; 然而，在 Angular

Angular“ng 生成组件”复制组件

由于某种原因，自从从 Angular 13 升级到 Angular 15 后，当我输入： ng g c 某些组件 Angular 复制组件，创建重复文件。这种情况 100% 都会发生。第二次...

写入通道的随机结果（Go）

我有以下代码：函数 writeToClosedBufferedChannel() { ch := make(chan int, 2) ch <- 10 ch <- 20 go func() { fmt.Println("test") ch <- ...

如何使用 Angular 服务创建 nx 库

我有几个 Angular 应用程序在 nx 工作区中运行。所有这些应用程序都使用 Angular Material 对话框。为此，我通常创建这样的 Angular 服务：导入 { 管理组件 }

Angular-NG8001 未知元素错误。怎么解决？

我的 Angular 项目有问题。我有一个项目结构：应用程序结构。在我的 app.module.ts 中，代码如下：从'@angular/core'导入{NgModule}；从'@

Angular 项目不适用于@babylonjs/viewer

我在全球安装了@Angular/[email protected]。我使用命令行“ng new BabylonTest --routing false --style css --skip-git --skip-tests”创建了一个 Angular 项目。 CD 到文件夹“Babyl...

使用模块联盟进行 Angular 升级 - “集合没有原理图。”

我正在将一组 Angular 应用程序从 v12 升级到 v16，它们使用模块联合和 Angular Architects 的模块联合插件。成功升级每个应用程序的 Angular 版本后...

使用Pytest时将主数据库更改为Test

帮我解决问题这是我的设置.py：数据库= { “默认”： { "ENGINE": "django.db.backends.mysql", “名称”：ENV.MYSQL_DSN....

Node Sass 版本 9.0.0 与 ^4.0.0 不兼容

我的应用程序中没有安装node-sass或sass包。但我一直收到这个错误 ./src/scss/styles.scss 中的错误（./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plu...

放大init UnauthorizedException

我正在使用以下文档学习放大器 https://docs.amplify.aws/angular/start/getting-started/installation/ https://docs.amplify.aws/angular/start/getting-started/setup/ 但同时

登录后，使用 angular-oauth2-oidc 时，hasValidAccessToken 始终为 true

我已经使用 Angular 12.2 实现了 angular-oauth-oidc （版本 12.1.0）。我使用 Keycloak 作为 SSO 登录没有问题，但我在库中遇到了奇怪的行为。每次，之后...

通过Angular到Springboot访问POST失败但GET成功，Postman适用于GET和POST

我正在使用示例 Angular 应用程序来测试 Okta 与 springboot 应用程序的集成。前端示例：https://github.com/okta-samples/okta-angular-sample 我有一个带有

来自有序字典的Python Json

我正在尝试创建一个嵌套的 Json 结构，如下所示：示例 Json： { “id”：“德”， “密钥”：“1234567”， “来自”：“[email protected]”， “过期”：“2018-04-2...

如何使用xslt将xml中的文本转换为html中的超链接

如何使用 xslt 将 xml 中的文本转换为 html 中的超链接。我的 Xml 代码是 C:\测试\CaptureF15165617TC001_05_06_1516_57_11.png 如何使用 xslt 将 xml 中的文本转换为 html 中的超链接。我的Xml代码是 <Steps> <Filepath>C:\Test\Capture\050615165617TC001_05_06_1516_57_11.png</Filepath> </Steps> 将其转换为 html，我的 xslt 代码如下 <td width='15%'> <xsl:element name="a"> <xsl:attribute name="href"> <xsl:value-of select="./Filepath"/> </xsl:attribute> <xsl:value-of select="./Filepath"/> </xsl:element> </td> 现在这段代码在html中写入文件的整个路径，但我只想在html中写入“文件”以及指向文件位置的超链接。我当前生成的html代码如下 C:\Test\Capture\050615165617TC001_05_06_1516_57_11.png <td width="15%"><a href="C:\Test\Capture\050615165617TC001_05_06_1516_57_11.png">C:\Test\Capture\050615165617TC001_05_06_1516_57_11.png</a></td> 我想要的是 <td width="15%"><a href="C:\Test\Capture\050615165617TC001_05_06_1516_57_11.png">File</a></td> 任何人都可以帮助我需要在 xslt 中进行哪些更改。你告诉它具有价值： <xsl:element name="a"> <xsl:attribute name="href"> <xsl:value-of select="./Filepath"/> </xsl:attribute> <xsl:value-of select="./Filepath"/>  </xsl:element> 所以将其更改为： <xsl:element name="a"> <xsl:attribute name="href"> <xsl:value-of select="./Filepath"/> </xsl:attribute> File </xsl:element> 或者简短地说： <a href="{Filepath}">File</a> <Steps> <Filepath>C:\Test\Capture\050615165617TC001_05_06_1516_57_11.png</Filepath> </Steps>

类型“string”无法分配给类型“FormGroup<any>”Angular 14 错误

我是一名初学者 Angular 开发人员，我正在使用本教程构建一个 todoList 应用程序 -> https://www.youtube.com/watch?v=WTn2nVphSl8 它是使用 Angular 13 完成的。我遇到错误的是我...

Angular Material 17 独立组件中没有 DateAdapter 的提供者

我有一个带有 Angular 17 应用程序的 nx 项目，并尝试使用带有材料 17.0.4 的 Angular 材料日期选择器。但我明白了 NullInjectorError：没有 DateAdapter 的提供者！错误。组件...

应用程序无法识别手势，例如在 Angular 11 中使用 Hammer.JS 进行平移

我无法在使用 Hammer.JS 的 Angular 应用程序中识别任何手势，例如滑动、平移。它的设置是这样的：包.json： “@角度/核心”：“11.0.5”， “@Angular/platform-br...

mod_rewrite到子目录中相应的php文件

我想使用 mod_rewrite （在 .htaccess 中）将“干净”的 URL 映射到子目录中相应的 php 文件，例如： https://example.com/test/ --> https://example.com/p/test.php 我的...

AWS sts 在一个命令中承担角色

要在 CLI 中承担 AWS 角色，我执行以下命令： aws sts 假设角色 --role-arn arn:aws:iam::123456789123:role/myAwesomeRole --role-session-name test --region eu-central-1 这给...

ASP Fix/Int 函数未按预期运行

在调试时，我在自定义 RoundMid() 函数中发现了这个奇怪的事情：测试 = 148.325 * 100 + 0.5 Response.Write 测试 ' 返回 14833 Response.Write Fix(test) ' 返回 14832 ??????...

如何从.Net Core中的Content.ReadAsStringAsync方法获取字符串？

我正在尝试读取 WEB API 的响应，该响应返回字符串。我使用下面的语句： response.Conent.ReadAsStringAsync().Result.ToString(); 我期待结果是“TEST”...

为什么将迭代器 '(vector<int> a).begin()' 传递给参数 'vector<T>::iterator b' 时无法推断 'T' 的类型？

有以下代码：模板 void test(const typename std::vector::iterator &i){ } int main(int argc, char **argv) { std::向量 a; 测试（a.

如何让新的 Angular 17 项目运行？

全新安装 Nodejs (20.10.0) 和 Angular (17.0.8)。新项目（“ng new Default”），没有文件更改。 “ngserve”没有错误，但浏览器控制台显示： main.ts:5 错误

为什么我的应用程序根目录在 Angular 中不是 100% 高度？

这是我的第一个 Angular 项目，我对 Web 开发还很陌生。我正在使用 Angular 17.0.9。我希望我的应用程序为 100%，但应用程序根标签始终是可能的最小高度当你...

MySQL 事件——执行需要 EVENT 权限吗？

MySQL 5.7 (Win) 和 MariaDB 10.1 (Linux)，事件计划程序设置为 ON，我以 root 身份连接。创建数据库“事件测试”；创建用户“event-test”@“localhost”，由“password-is-here”标识；格...

xcodebuild 在使用 test-without-building 时忽略 testPlan

考虑这个示例项目：https://github.com/stremsdoerfer/TestPlan。这只是一个 Hello World，它有两个测试计划：仅运行单元测试的 TestPlanUnit 和仅运行 UI 测试的 TestPlanUI...

如何在spring-boot web客户端发送请求体？

我在 Spring Boot Web 客户端发送请求正文时遇到一些问题。尝试发送如下所示的正文： val 主体 = "{ ” + "\"电子邮件\":\"[email protected]\", ” + “\”id\“：...

Angular Material 5 深色主题未应用于机身

我创建了一个“自定义”主题（使用 https://material.angular.io/guide/theming 上的主题文档，这非常糟糕），如下所示： @import '~@angular/material/theming'; @包括 mat-cor...

如何在 RTL 测试中使用 React Redux useDispatch 钩子？

我想在使用 redux 调度后测试 React 组件。我正在使用“test-utils.ts”文件中的自定义渲染函数：从 'react' 导入 { ReactElement } 导入{渲染，渲染O...

Hyperledger Fabric 测试网络：$ sudo ./network.sh up（不起作用）

我是超级账本结构的新手，在设置测试网络时遇到错误。我从 docker-compose github 存储库下载了 Fabric-samples。然后将目录更改为 test-network。不...

Angular 17：fileReplacements 不替换文件

我有一个 C#/Angular 17 SPA 项目，在具有多个部署槽的 Azure 应用服务上的 Docker 容器中运行。基本上，生产槽加载标记为“latest-prod”的图像......

Angular 12：Firebase 模块未正确提供（？）

第一次使用Firebase，所以我不知道发生了什么。我没有修改使用 ng add @angular/fire 获得的配置，所以我的 AppModule 中的内容是： @NgModule({ 声明：[

无法从S3存储桶下载文件。（Langchain + s3）

我正在编写一个项目，使用s3来存储文件pdf，并使用langchain来连接和加载文件。这是我的代码： const loader = new S3Loader({ bucket: process.env.BUCKET, key: filekey, // 示例: test/

尝试部署我的 Aave 闪贷测试但出现错误。 https://github.com/aave/flashloan-box

每当我运行“truffle test”时，我都会收到以下错误：错误：助记符无效或未定义在 checkBIP39Mnemonic (C:\Users\Jackc ode_modules\@truffle\hdwallet-provider\src\index.ts:...

如何将 swiper 11.0.5 元素与 Angular 17 一起使用

在 Angular 17 中，一切都是独立组件，并且没有 app.module.ts 文件。那么，我们把这段代码放在哪里，从“swiper/element”导入{register}；登记（）; 我正在...

如何在 Foundry 中的 Sepolia 测试网上运行测试？

我知道可以在 Foundry 中的分叉测试网上运行测试伪造测试 --fork-url SEPOLIA_RPC_URL 或者 forge test --rpc-url SEPOLIA_RPC_URL #与 --fork-url 结果相同但如果我想要...

如何以编程方式调用junit5 @ParameterizedTest？

我有一堆junit 5测试，其中一些是参数化的，我想从java类中调用它们。当保存在 src/test 中时，测试通过 IDE 或使用 gradle clean build 成功运行

Maven：在编译中排除 java 文件

我有一个java源文件夹，我希望将其从编译中排除。我的文件夹位于 qa/apitests/src/main/java/api/test/omi 下。我在 qa/bamtests 下的 pom.xml 中添加了以下条目...

使用 Visual Studio 2020 在 C++ 中使用 google test 设置/配置单元测试

如果您无法编译解决方案，例如收到未解决的外部错误，请查看答案部分并重新创建其中列出的步骤。

NG8001：“app-welcome”不是已知元素：

我的 Angular 应用程序遇到问题，收到错误 8001。我不知道如何处理它。谁能帮我这个？谢谢你！应用程序组件.html {{标题}}&l... 我的 Angular 应用程序遇到问题，收到错误 8001。我不知道如何处理它。谁能帮我这个？谢谢！ app.component.html <h1>{{ title }}</h1> <p>Congratulations! Your app is running. 🎉</p> <app-welcome></app-welcome> app.component.ts import { Component } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', standalone: true, imports: [CommonModule, RouterOutlet], templateUrl: './app.component.html', styleUrl: './app.component.css' }) export class AppComponent { title = 'XYZCARS'; } welcome.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-welcome', templateUrl: './welcome.component.html', styleUrl: './welcome.component.css' }) export class WelcomeComponent { car = 'toyota'; } 我的项目最初没有 app.module.ts 文件。我自己添加了它并根据网上找到的一些信息进行了配置，但问题仍然存在并且仍未解决。谁能帮我解决这个问题吗？ app.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { WelcomeComponent } from './welcome/welcome.component'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent, WelcomeComponent ], imports: [ BrowserModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } 如果您正在 Angular 17 中创建项目->使用这些命令 ng app --no-standalone 然后你就得到了 app.module.ts 文件。

在 Angular 的输入标签中使用值

我目前正在开发 Angular 前端。我想使用由我正在合作的团队创建的组件，该组件用于在表单中创建输入文本。该组件的 .html...

当element在element上使用迭代变量时如何重构ngFor？

我有这个 {{ dt }} 我想重构为 Angular v17

angular-test 相关问题

最新问题