小编Iva*_*ich的帖子

我输入：

npm test

我得到：

有趣的是，导入语句在 BootScene.test.js 文件中有效，但在导入的文件中不起作用。

我关注的是在 JEst 下不起作用的导入语句。所以我想这可能与 jest 使用的 Ecma Script 版本有关。所以我尝试了这个解决方案，但错误仍然存​​在。

这是这个问题的回购/分支。

当我输入npm start. 一切都进行得很快，没有任何错误。

我试图创建一个自定义指令，但出现此错误：

该指令包含在@NgModule内部的声明中。尽管如此，仍无法正常工作。如果您需要有关错误的更多信息，请询问。我不知道这是怎么回事。

app.component.html

<input class="text" [appInputFormat]>

输入格式指令

[![import { Directive, HostListener } from '@angular/core';

@Directive({
  selector: '[appInputFormat]'
})
export class InputFormatDirective {

    constructor(){};

  @HostListener('focus')  onFocus(){
    console.log('on Focus');
  }
  @HostListener('blur')  onBlur(){
    console.log('on Blur');
  }
}

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule} from '@angular/forms';



import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { CourseComponent } from './course/course.component';
import { FavoriteComponent } from './favorite/favorite.component';
import { PanelComponent } …

这是我在尝试使子代调用父代的方法时遇到的错误：

孩子是最喜欢的组件。该方法onFavoriteChange()存在于父级中，但未触发。

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  title = 'Ivans-world';
  post = {
    title:"Titulo",
    isFavorite: true
  }

  OnFavoriteChange(){  
    console.log("App Component. Triggered OnChanges(). Yupi!");
  }

}

app.component.html

<favorite   
       [is-favorite] = "post.isFavorite"  
       (change)  = "onFavoriteChange()"  
></favorite>

最喜欢的组件

import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import { empty } from 'rxjs';

@Component({
  selector: 'favorite',
  templateUrl: './favorite.component.html',
  styleUrls: ['./favorite.component.css'],
})
export class FavoriteComponent implements OnInit …