Angular e2e testing -在OnInit执行前检查模板
Angular e2e testing是指使用端到端（end-to-end）测试框架来测试Angular应用程序的功能和用户交互。在OnInit执行前检查模板是指在Angular组件的生命周期钩子函数OnInit执行之前，对组件的模板进行检查。
在Angular中，OnInit是一个生命周期钩子函数，它在组件初始化时被调用。在这个阶段，组件的属性已经被初始化，但DOM元素还没有被渲染。通过在OnInit执行前检查模板，我们可以确保组件的模板在渲染之前符合预期。
在进行Angular e2e测试时，可以使用Protractor作为测试框架。Protractor是一个基于Selenium WebDriver的端到端测试框架，专门用于Angular应用程序的自动化测试。它提供了一组API和工具，可以模拟用户与应用程序的交互，并对应用程序的各个方面进行测试，包括模板的正确性。
在进行Angular e2e测试时，可以使用Protractor的expect语法来检查模板是否符合预期。例如，可以使用expect语法来检查特定元素是否存在、是否具有特定的属性或文本内容。如果模板不符合预期，测试将失败并给出相应的错误信息。
对于Angular e2e测试中的OnInit执行前检查模板，可以使用以下步骤：
- 配置Protractor：在Protractor的配置文件中，指定要测试的Angular应用程序的URL和其他相关配置。
- 编写测试用例：使用Protractor的API编写测试用例，包括在OnInit执行前检查模板的测试步骤。
- 执行测试：运行Protractor测试命令，启动浏览器并执行测试用例。
- 检查模板：在测试用例中使用expect语法来检查模板是否符合预期。可以使用Protractor提供的元素选择器和属性检查方法来定位和验证模板中的元素。
- 分析结果：根据测试结果判断模板是否通过检查。如果测试失败，可以查看错误信息和堆栈跟踪，以便进行调试和修复。
对于Angular e2e testing中OnInit执行前检查模板的应用场景，它可以用于确保组件的模板在初始化之前正确加载和渲染。这对于验证组件的初始状态以及与其他组件的交互非常重要。
腾讯云提供了一系列与Angular e2e testing相关的产品和服务，包括：
- 腾讯云测试服务（https://cloud.tencent.com/product/ts）：提供了全面的测试解决方案，包括自动化测试、性能测试、安全测试等，可以用于支持Angular e2e测试的需求。
- 腾讯云云服务器（https://cloud.tencent.com/product/cvm）：提供了可靠的云服务器实例，可以用于部署和运行Angular应用程序和测试环境。
- 腾讯云对象存储（https://cloud.tencent.com/product/cos）：提供了高可用、高可靠的对象存储服务，可以用于存储和管理测试数据和结果。
请注意，以上仅为示例，实际选择产品和服务应根据具体需求进行评估和决策。
相关·内容
如果你开始一个基于Angular 9和ngrx的新项目，你会写什么前端测试？
从开发人员的角度来看:越多越好。从商业的角度来看:不是真的？
这个项目并不是有无限的钱可花，但它应该被明智地使用。所以问题很简单，我希望听到这样的意见：
1)我只会写e2e测试，而不是@angular/core/testing的测试，这是最明智的决定，因为与开发人员处于压力和e2e测试一切的情况相比，这是最明智的决定。
2)我只会将e2e测试编写为冒烟测试来测试基本功能，因为编写更多的e2e测试很耗时，更容易出错，执行的时间更长，等等。我也会为组件编写浅层集成测试。
3)我会为所有的东西写测试，因为为什么不。:-)
浏览 0提问于2020-03-28得票数 1
2回答
我是一个角单元测试与茉莉花和卡玛的初学者。为了测试，我编写了一个小组件。我的组成部分如下：
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-input',
template: `{{ message }}`,
styleUrls: ['./input.component.css']
})
export class InputComponent implements OnInit {
@Input() mes
浏览 0提问于2018-12-18得票数 0
回答已采纳
这是角码
testing.component.ts
import { Component, NgZone, OnInit } from '@angular/core';
import {data} from '../../assets/data.js';
import { IPost } from '../_models/IPost.js';
import {WindowRefService} from '../WindowRef.service';
@Component({
selector: 'app-tes
浏览 9提问于2021-01-23得票数 1
回答已采纳
我有一个使用ASP.NET WebAPI和Angular作为UI组件的ASP.NET MVC项目。我对Angular还是个新手，所以请容忍我。下面是我的项目中的配置文件。
package.json文件
{
"name": "angular-quickstart",
"version": "1.0.0",
"description": "QuickStart package.json from the documentation, supplemented with testing sup
浏览 0提问于2017-10-29得票数 0
{
"name": "my-app",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"
浏览 2提问于2017-11-14得票数 0
回答已采纳
1回答
我将以我对角度非常陌生的知识作为开场白的开头，就像我试图得到简单的东西去工作和努力奋斗一样！
我有一个简单的WebAPI，它将返回一个包含三个对象的JSON数组：
网址：
testListType.ts
export interface listTypes {
limitTypeId: number;
limitTypeText: string;
limitTypeActive: boolean;
}
然后，我将rxjs加载到服务中。
test.service.ts
import { Injectable } from '@angular/core';
浏览 0提问于2021-03-21得票数 0
回答已采纳
我加入了一个开发Angular2应用程序的团队，这个应用程序需要使用Jasmine框架完成所有的单元测试。我想知道是否有一个工具能够通过在模板中放置基于可用方法的测试用例和/或基于*ng-If等属性来生成每个类的规范文件(某种程度上是锅炉板代码)。下面是组件a.component.js的一个示例
import { Component, Input, Output, Inject, OnChanges, EventEmitter, OnInit } from '@angular/core';
import {Http} from '@angular/http';
浏览 0提问于2017-02-21得票数 7
是的，我知道这个问题已经发了一百次了。我已经尝试了我能找到的所有其他解决方案。
我尝试过在FormsModule中导入app.module.ts、app.component.ts和buy.component.ts。我试过在应用程序和组件中导入它，在应用程序和购买程序中，以及在这三种情况下。我试过更新国家预防机制。我已经尝试将表单本身移动到app.component.html中。我尝试过导入ReactiveFormsModule，我尝试了导入FormsModule和ReactiveFormsModule。什么都没用，快把我逼疯了。
以下是app.module.ts：
import { NgMod
浏览 0提问于2018-05-06得票数 0
回答已采纳
我已经将我的源代码从Angularjs2升级到了Angularjs4。
我正在使用VisualStudio2017和ASP.NET MVC核心。
现在我想验证我使用的是更新的版本(4)还是以前的版本(2)。
这是我的package.json
{
"name": "angular-quickstart",
"version": "1.0.0",
"description": "QuickStart package.json from the documentation, supplement
浏览 3提问于2017-04-09得票数 2
回答已采纳
1回答
用茉莉花测试材料设计角元件
、、、、
Edit2：更具体的说，使用像Material这样的东西很好。但是，侧Nav与下面的设置不太协调。
编辑：我做了更多的测试，发现这与角度材料特别相关，因为没有它这些错误是不会发生的。我还是不知道怎么修好它。
我正在尝试为一个新组件设置一些基本测试，但是我总是不断地遇到错误。具体而言，在项目中添加“角/材料”之后。当前的错误是：
Error: Found the synthetic listener @transform.start. Please include either "BrowserAnimationsModule" or "NoopAnimationsMod
浏览 0提问于2018-02-21得票数 1
回答已采纳
我在使用ElementRef时遇到以下错误：
泛型类型'ElementRef‘需要2个类型参数
我发现的唯一建议是更新我的角度版本，我做到了(使用了最新的版本)。我更新了每一个包裹。可悲的是什么都没变。守则：
组件
import { Component, OnInit,AfterViewInit,OnDestroy,ViewChild,ChangeDetectorRef,ElementRef} from '@angular/core';
export class UserComponent implements OnInit, AfterViewInit, O
浏览 1提问于2018-08-24得票数 0
回答已采纳
我看到表达式用下面的代码更改了错误，它在V11中工作得很好，但是在V14中失败。
这是一个简单的代码，我在父组件中创建一个表单组，并将它传递给子组件，在那里我添加了一个表单控件(带有所需的验证器)，这将使表单组无效。
app.component.html：
import { Component } from '@angular/core';
import {FormGroup} from "@angular/forms";
@Component({
selector: 'app-root',
templateUrl: './ap
浏览 2提问于2022-10-20得票数 0
我试图设置一个基本的角应用程序创建使用角-cli，以编译使用aot。为了引导应用程序，很难弄清楚main.ts文件应该是什么样子，因为angular隐藏了tsconfig.json文件，我找不到描述如何做到这一点的相关文档。有人能帮我把这个设置好吗？
我的ng version是
angular-cli: 1.0.0-beta.25.5 │127.0.0.1 - - [18/Jan/2017 12:09:31] "GET /main.bundle.map HT
浏览 3提问于2017-01-18得票数 1
回答已采纳
我有两个警告，当启动角度12应用程序NX。我确信在NX Monorepo 12.3.4上发射角12应用程序时没有出现这些警告，所以它们出现在NX Monorepo 12.3.5中。
问题是我是犯了什么错误，还是这个NX问题，或者我该如何解决这个问题？
Option "hmrWarning" is deprecated: No longer has an effect.
Option "servePathDefaultWarning" is deprecated: No longer has an effect.
package.json
{
"nam
浏览 2提问于2021-05-31得票数 2
每当我编译时，我都会得到这个错误消息
ERROR in src/app/form/form.component.ts(22,39): error TS1005: ',' expected.
下面是错误所在的完整代码：
import { Component, OnInit } from '@angular/core';
import { CommService } from '../services/comm.service';
@Component({
selector: 'app-form',
templateUrl:
浏览 16提问于2018-07-26得票数 0
回答已采纳
2回答
我被这个问题困扰了一段时间。我只是试图加载一个表，包括Id、Name和创建日期列到页面上。我的API方法在Visual中的Controller类中运行良好。我以前在控制台中有这样的错误：
TypeError:无法读取未定义的属性'id‘。
如果删除name，则此错误也会出现，依此类推。
我已经做了一些研究，并了解到我可以使用? elvis操作符，我已经将它实现到了我的HTML中。在实现elvis运算符之后，错误已经消失，但是所有的表值现在都显示为NaN。在下，我可以单击我的表名并查看表中填充的数据。
知道问题可能是什么吗？我已将下列守则包括在内：
test-table-tbur
浏览 0提问于2018-02-02得票数 1
回答已采纳
我是新的角和采取初步步骤，以实现在ASP.Net MVC项目。我下载了从github和最新版本v3.2.2.0 for visual studio 2015更新3的角形快速启动。我在“Subject是不可分配的基本类型中的相同属性”中获得了以下错误属性提升。
other version used:
npm -v is 6.4.1
node -v is 10.15.2
我从github下载的package.json引用了旧版本。附件是我正在使用的package.json文件。
我有我的npm运行，并能够主持网站通过电梯服务器.
错误TS2416：“Subject”类型中的属性“lift”不能分
浏览 0提问于2019-02-28得票数 0
1回答
我非常新的angular2，TS和电子，并希望开始制作一个本地应用程序使用电子和angular2，然而，我还没有100%实现这一点。以下是安装了角，TS后所做的工作：
从他们的官方网站克隆角形快速启动种子并删除不需要的文件
为我的项目安装电子设备及其类型
在src下为电子创建一个单独的文件夹，并为电子定义main.ts (它负责创建电子应用程序窗口和管理电子应用程序生命周期，这个主文件夹是独立于根文件夹中的角的main.ts )
在system.config.js中，我在map属性中输入了一个条目，以便电子能够导入它(我不确定是否需要这个步骤，因为电子不是一个库，它是一个框架，
浏览 2提问于2017-04-12得票数 0
3回答
我正在放慢从AngularJS迁移到角(2+)的速度，只是偶然发现了一些东西。
在AngularJS中，我使用了许多工厂和服务来跨指令、控制器和其他服务共享数据。在一个地方更新服务并让它在其他地方自动更新是很容易的。
但是，我试图以类似的方式在角5中使用服务，而当我更改服务变量时，“什么都没有发生”。
我看到了一些解决方案，包括创建函数，“拉”新数据或建议来更新“角度变化服务”，以便将事件绑定到变量。
然而，我的应用程序有许多变量在许多地方使用。我必须在使用这些变量的每个组件中分别订阅每个变量，并更改服务以对每个变量发出更改，这似乎是不正确的。
我只是遗漏了什么吗？
谢谢！韦恩
例如：
主页的
浏览 0提问于2018-03-27得票数 1
回答已采纳
我正试图在Visual上构建自己的角2/ASP.NETSPA。您可以找到所有的文件。
我试图做的事情很简单:在我按照设置应用程序的指令之后，我开始添加自己的文件，试图做一些基本的路由，并删除了一些多余的文件。我有ClientApp/app/app.module.ts引导ClientApp/app/components/app/app.component.ts，，唯一的路由是ClientApp/app/components/app/test.component.ts
不幸的是，我得到了一个错误：
An unhandled exception occurred while processing t
浏览 17提问于2017-01-22得票数 12
回答已采纳
我从github repo git克隆演示中克隆了一个项目，下面是package.json的内容。
{
"name": "angular-quickstart",
"version": "1.0.0",
"description": "QuickStart package.json from the documentation, supplemented with testing support",
"scripts": {
"build":
浏览 2提问于2017-12-20得票数 0
我正在尝试为一个组件编写一个测试，但是我总是得到这样的错误：" Error : Error in ./ExpenseOverviewComponent class ExpenseOverviewComponent - inline template:41:8 caused by: No provider for Location Strategy!“
import { ComponentFixture, TestBed, async } from '@angular/core/testing';
import { BrowserDynamicTestingModule,
浏览 2提问于2016-10-19得票数 22
回答已采纳
当我试图使用命令：cmd.exe启动npm start中的Range2项目时，我有以下错误消息：
npm错误！Windows_NT 10.0.15063
npm错误！argv "D:\NodeJs\node.exe“"D:\NodeJs\node_modules\npm\bin\npm-cli.js”“开始”
npm错误！节点v6.11.2
npm错误！npm v3.10.10
npm错误！代码ELIFECYCLE
npm错误！角-快速启动@1.0.0预启动：npm run build
npm错误！退出状态1
npm错误！
npm错误！在角-快速启动@1.0.0预启动脚本&#
浏览 0提问于2017-08-28得票数 0
当我测试子组件时，我得到了如下错误： 1. If 'app-user' is an Angular component and it has 'InwelcomeMsg' input, then verify that it is part of this module. 在测试组件时。我在用jestjs为angular使用testing-library。找不到问题所在。 容器component.ts： import { Component, OnInit, Output } from '@angular/core';
@Component(
浏览 45提问于2021-09-16得票数 0
回答已采纳
我正在尝试测试ngOnInit方法中的代码。代码监视导航条屏幕大小的变化，以便将其调整为移动或保持为顶部栏。我已经试了大约一个星期了，在测试的时候，我总是会遇到很多不同的错误。我遗漏了comp.component.ts的一些代码，因为其他代码对此没有必要。我一直得到subscribe is not a method或Can't resolve all parameters for MediaChange: (?, ?, ?, ?)。任何关于如何为这个或任何资源编写测试的建议都可以帮助我解决这个问题。
comp.component.ts
import { Component, OnIni
浏览 0提问于2018-10-27得票数 1
回答已采纳
执行以下命令时出错。
ng生成存储AppState --root --模块app.module.ts
我得到了这个错误
无法读取未定义的属性“根”
ngrx/store软件包是我安装的最后一个版本。
我的packages.json是：
{
"name": "hrm-crm-app",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
浏览 0提问于2021-01-20得票数 1
我有点问题。我想要创建按钮，将整个页面滚动到顶部。这是我的密码。
app.component.html
<p>lorem...</p> <!-- 100 times -->
<div (click)="scroll()">Scroll to top</div>
app.component.ts
import { TabHeaderComponent } from './components/tab/tab-header/tab-header.component';
import { Component,
浏览 3提问于2017-09-21得票数 2
1回答
我想通过单击链接将重定向到另一个页面。为此，我尝试了以下代码：
home.component.html
<a [routerLink]="['/datalineage']">
Click Here
</a>
app-routing.module.ts
import { DatalineageComponent } from './datalineage/datalineage.component';
const appRoutes: Routes = [
{ path: 'datalineage'
浏览 0提问于2018-03-28得票数 1
1回答
我正在创建一个聊天应用程序。我有点小问题，ngFor似乎不适合我。
我有两个组件，一个是包含消息的另一个组件的提要。所以feed显示了消息组件的列表。
馈电.ts
import { Component, OnInit, OnChanges } from '@angular/core';
import { Observable } from 'rxjs';
import { Message } from '../models/message';
import { MessageService } from '../core/message.
浏览 0提问于2018-10-02得票数 2
回答已采纳
有人有使用AngularDart (1)模板缓存生成器的经验吗？我已经设置了它，它正在聚合模板字符串，但是构建版本没有使用它们。该应用程序仍在发出http请求以获取html文件。
下面是我在pubspec.yaml中的内容：
transformers:
- angular:
generate_template_cache: true
浏览 2提问于2017-04-25得票数 1
回答已采纳
我正在我的申请中使用angular2-flash消息进行通知。在成功注册时，我必须显示用户已注册。但我面临一个错误，那就是：“
this.flashMessage.show不是一个函数
“
signup.component.ts:
import { Component, OnInit } from '@angular/core';
import { FlashMessagesService } from 'angular2-flash-messages';
import { AuthService } from '../services/auth
浏览 0提问于2018-01-07得票数 1
1回答
我在试着测试
在咕噜文件里
karma: {
e2e: {
configFile: 'karma-e2e.conf.js',
singleRun: true
}
},
业力文件基本上是约曼为我生成的。唯一的改变就是我为PhantomJS提供了Chrome。
karma-e2e.conj.：
// Karma configuration
// http://karma-runner.github.io/0.10/config/configuration-file.html
module.exports = function(config) {
conf
浏览 0提问于2014-03-22得票数 1
回答已采纳
该项目是使用ASP.NET Core2.2和Range7开发的。当您从visual开始时，一切都很好。发布后，我得到一个错误：“NPM脚本'start‘退出，而没有指示CLI正在侦听请求。”从错误的描述来看，不清楚问题是什么。告诉我，拜托，有什么问题吗？
package.json
{
"name": "portal",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start":
浏览 0提问于2019-03-15得票数 2
我在我的角度应用程序中使用了诱杀器，它被分割成这样
这是我的Datepicker.html文件
<form class="form-inline">
<div class="form-group">
<div class="input-group">
<input class="form-control" placeholder="yyyy-mm-dd"
name="dp" [(ngModel)]="
浏览 1提问于2021-01-11得票数 0
我有一个angular网页，在那里我试图在Azure DevOps管道中运行E2E测试。 但是我的端到端测试运行了很长时间，没有产生任何结果。 不确定我遗漏了什么，我已经在下面分享了我的配置。 angular.json "e2e": {
"fileReplacements": [
{
"replace": "src/app/core/services/auth.service.ts",
"
浏览 11提问于2020-12-16得票数 0
回答已采纳
在Range6中生成新服务时，使用：
ng generate service <service-name>
angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"test-ang": {
"root"
浏览 0提问于2018-06-11得票数 5
2回答
我有一个形式的验证使用角2，角2，只有如何开始验证部分使用下面的方式？
app.component.html：
<form #registrationForm="ngForm" (ngSubmit)="submitform()">
<input type="text" class="form-control" name="name" formControlName="name" />
</form>
app.component.ts：
import {
浏览 0提问于2018-10-12得票数 0
回答已采纳
1回答
我试图使用思科Webex浏览器SDK(ciscospark)与角7。
当我成功地运行ng serve应用程序时，但是在浏览器控制台中我得到以下错误
未定义的TypeError:超级表达式必须为null或函数，而不是未定义的
有人能帮我解决这个问题吗？
下面是到Cisco Webex浏览器SDK的链接
我使用npm install --save ciscospark将库安装到used项目中。下面是我的package.json文件
{
"name": "ng-webex-test",
"version": "0.0
浏览 1提问于2018-12-08得票数 0
我试图通过将日期作为参数传递给函数来测试函数，但我不确定我哪里出错了。它给出了一个错误，即“‘数字’类型的参数不能分配给‘Date’类型的参数”。当代码以这种方式构造时：
import { Component, OnInit } from '@angular/core';
import { DamageAssessmentReportService } from 'src/app/damage-assessment-report.service';
@Component({
selector: 'app-fa-daform',
temp
浏览 7提问于2022-02-04得票数 -1
回答已采纳
我正在使用来构建自定义web组件。
为了进行测试，stencil使用jest来运行测试文件，下面是npm脚本命令，我目前用于在本地运行这些测试：
{
"test:base": "stencil test --spec --e2e",
"test:all": "npm run test:base -- --coverage"
}
当我在本地运行它时，它运行得很好，双破折号后的脚本--coverage中的参数test:all可以正确地解析：
$ npm run test:base -- --coverage --sil
浏览 9提问于2022-04-11得票数 0
我一直试图学习如何使用角的@输入装饰，由于某种原因，我不知道什么是错误的。
我已经在我的应用程序组件中正确地导入了FormsModule，但是我仍然得到了上面的错误。有人能帮忙吗？
我有没有什么地方看不见的地方有打字错误？
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/htt
浏览 1提问于2018-12-05得票数 0
我在angular5应用程序中到处使用angular-material库，但我不想在标记中使用它的指令/组件/类名称，我更喜欢将其与外部库保持不可知。但是，我尝试这样做：
import { Directive,
ElementRef,
Renderer,
Renderer2 } from "@angular/core";
import { MatButton } from "@angular/material";
import { OnInit } from "@angular/c
浏览 0提问于2018-02-01得票数 4
嗨，我正在通过观看教程来开发一个角8应用程序，在我的标题组件中，我希望当前登录in.My auth.service.ts的用户的电子邮件id如下所示：
import { Injectable } from "@angular/core";
import { AngularFireAuth } from "@angular/fire/auth";
@Injectable({
providedIn: "root",
})
export class AuthService {
constructor(private auth: Angula
浏览 2提问于2020-06-24得票数 3
回答已采纳
我一直在跟踪演示应用程序中的例子。不过，在使用addAll()方法向模型添加表数据时会出现错误：
./MdlTableComponent类中的错误-内联模板:由:无法读取未定义的的属性“列”引起的7:18
代码如下，任何洞察力都将不胜感激！(我简化了代码和硬编码的表数据)。
import { Component, OnInit } from '@angular/core';
import {
MdlDialogService, MdlDefaultTableModel, IMdlTableModelItem
} from 'an
浏览 0提问于2017-02-27得票数 1
在react中，当我将一个元素设为<input value={this.valFromStore} />时，输入会被锁定，直到存储发生变化。在angular 4中，当我进行输入时，我似乎无法获得匹配的行为。<input [ngModel]="valFromStore" />当我输入输入时，它会改变输入值。即使我将valFromStore设置为不带setter的getter。
有没有一种方法可以让我的输入绑定到商店，然后在(ngModel)上，我可以简单地更新商店，让更改像我在react中那样级联出来？
更新:添加示例以帮助澄清。在react中，我希望我的
浏览 0提问于2017-09-12得票数 0
1回答
我尝试在这个项目上运行'ng e2e‘ automate-end-to-end-e2e-testing-for-angular-7-using-protractor-jasmine 但此命令不会执行以下操作： 1-在浏览器中运行规范(默认浏览器配置为chrome，运行时显示消息‘Chrome is is controlled by automated test software’) 2-在控制台上记录测试执行结果，如下所示。 termainl显示了以下内容： ? intellij IDEA在app.e2e-spec.ts页面的顶部显示了这条消息： ? 怎么了？
浏览 19提问于2019-02-06得票数 0
1回答
我使用的是角10，如果将JW角分页模块导入app.module.ts，然后在使用app.component.ts组件的视图中使用它，则JW角分页模块工作得很好。但是，当我尝试将其导入自定义功能模块并使用导入该功能模块的组件时，分页元素不会显示在视图模板中。看来角无法看到分页模块。
App.module.ts
import { NgModule, Component, OnInit } from '@angular/core';
import { CoreModule } from "./core/core.module"
import { MessageModu
浏览 2提问于2020-10-28得票数 0
2回答
我正在学习webpack，并试图实施它。但是，我收到以下错误，我已经尝试搜索，但我似乎找不到一个特定于这种情况的加载程序？我做错了什么？
错误：
ERROR in ./src/app/app.module.ts
Module parse failed: Unexpected character '@' (40:0)
You may need an appropriate loader to handle this file type.
|
|
| @NgModule({
| imports: [
| Bro
浏览 0提问于2018-05-09得票数 0
我使用的是angular 12，我只是在尝试对子组件和父组件进行通信。子组件从具有@Input变量的基本组件扩展而来，该变量将从父组件接收数据。用户从父组件模板html输入数据，然后将其传递给子组件。没有基础组件，它工作得很好。但我想使用基组件，这样以后基组件就可以作为超类提供给将来可能出现的其他类。 请查找stackblitz项目：https://stackblitz.com/edit/angular-ivy-irq47l 有没有人可以帮忙解决这个问题。 我看到的错误是 Error in src/app/app.component.html (4:12)
Can't bind to
浏览 32提问于2021-11-20得票数 0
回答已采纳
3回答
这个问题是基于这个问题(提供的解决方案不起作用)：
我正在尝试在使用HttpClient调用api之后更新视图，但是我的html模板没有更新。
product.ts
export class ProductModel {
ID:number;
Name:String;
CategoryName:String;
Price:number;
OldPrice:number;
IsNew:Boolean;
InStock:Boolean;
Image:String;
}
products.service.ts
import { Component, Injectable, Injector } fr
浏览 1提问于2018-06-14得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
