我正在将现有的AngularJS应用程序转换为混合应用程序,开始逐步将其升级到Angular 4.我想了解Angular 4如何在现有的AngularJS中引用.在现有的AngularJS应用程序中,很清楚如何加载AngularJS框架 - 它只是一个包含的脚本文件:
<script src="/angular/angular.js"></script>
Run Code Online (Sandbox Code Playgroud)
为了熟悉最新的Angular版本,我使用https://angular.io/guide/quickstart上的Angular快速入门指南创建了一个单独的"快速入门"Angular 5应用程序,我可以使用以下命令运行它:
ng serve --open
Run Code Online (Sandbox Code Playgroud)
当我查看项目文件时,我没有看到角度框架实际加载的位置.该应用程序的src/index.html文件中没有任何脚本,它只是声明一个组件(app.component.ts)的指令,如下所示:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'Test Angular 5 app';
}
Run Code Online (Sandbox Code Playgroud)
导入实际从哪里导入?Angular文档说明了它的index.html文件:
有人访问您的网站时提供的主HTML页面.大多数情况下,您永远不需要编辑它.在构建应用程序时,CLI会自动添加所有js和css文件,因此您无需手动添加任何或标记.
那么这里发生了什么?@ angular/core实际上是如何被引用的?