打字稿角度导入模块

Question

所以我遵循角度教程here，同时我也在阅读有关模块here的内容。现在在教程中，作者介绍了这个导入：

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

我无法找到上述导入中@符号的任何位置。我的意思是'@ angular / core'想要做什么？

Answer 1

在'@angular/core' @ npm表示从angular/core

获取内容 <{1>} {{1>}只是folder/path。

在角度'@ angular / core'中提供了包列表。 当你写作

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

它为您提供了一种使用包含component

的template(html view), class(where logics implemented), and decorators(metadata from angular)的方法

当你写

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

然后您就可以使用Input properties用于将数据从container component(parent)传递到nested component(child)

当你写

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

您将能够使用Output properties用于将数据从nested component传递到Container component。

还有更多的东西....（请参阅角度文档）只有从'@angular/core'导入时才有可能。

Answer 2

@是一个允许模块范围设定的npm功能。这意味着core模块是angular命名空间的一部分。