Angular 1+版本之间是否感到困惑？

Question

我已经开始学习Angular，发现它们之间的目录结构不同。假设我使用的是Angular 2。

项目1 示例组件具有以下行：

import {Component} from 'angular2/core';

但在某些情况下被

代替

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

另外，有些文件在component.ts中有project/app/component.ts文件，在某些项目中，结构类似于project/src/app.component.ts。

还有更多类似的变化。到底是怎么回事？

Answer 1

import {Component} from 'angular2/core'; 

早在2014年推出时，它就用于Angular的早期版本。因此它表示为angular2。

随着angular（不同版本）的发展，Angular8是最新的。它被导入为import { Component } from '@angular/core';。

您需要使用最新版本，因此后面的版本才是正确的版本。

要查看一段时间内发生了什么变化，可以阅读the changelog。

Answer 2

import {Component} from 'angular2/core'; 

这种导入方式已在Angular的早期版本中使用（有人称它为Angular2，但它只是Angular）。

但是后来随着框架变得稳定，他们将其重命名为@ angular / core。因此，当前您具有如下的import语句：

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

文件夹结构也是如此。

以前是project/app/component.ts，现在是project/app/app.component.ts。

如果您仍然感到困惑，则可能需要创建一个示例角度应用程序并自己查看。如果已经安装了所有依赖项并设置了环境，则可以通过执行命令ng new my-app创建示例应用程序。