首页 > 解决方案 > 在文件顶部导入角度模块和在函数参数中导入它有什么区别

问题描述

我有一个组件并且我已经实现了 OnInit、OnChanges 接口

OnInitOnChanges'@angular/core'文件顶部导入。

像下面

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

但是当我尝试使用下面的 Visual Studio 快捷方式实现 OnChanges 接口时

在此处输入图像描述

它添加了如下方法

在此处输入图像描述

所以我无法理解以下情况之间的区别:

案例1:SimpleChanges 在文件顶部导入

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

案例2:SimpleChanges函数参数中的导入

 ngOnChanges(changes: import("@angular/core").SimpleChanges): void {
    throw new Error("Method not implemented.");
  }

标签: angular

解决方案


区别:在文件顶部导入 SimpleChanges 使其对文件中的所有代码可见。导入为函数参数使其仅对函数可见。Visual Studio 代码生成器将生成代码的影响和副作用降至最低。


推荐阅读