从app.module.ts文件中的' angular‘中将*作为角度导入
在app.module.ts文件中，'angular'是指Angular框架。Angular是一种用于构建Web应用程序的开源框架，它使用TypeScript编写，并且由Google维护和支持。
在Angular中，被用作通配符，表示导入所有导出的内容。当我们从'angular'中导入时，我们可以访问Angular框架中的所有功能和模块。
使用导入Angular的主要优势是方便快捷。通过导入，我们无需逐个导入每个模块或功能，而是可以一次性导入所有内容。这样可以简化代码，并且在需要使用Angular的任何功能时，可以直接使用，而无需额外的导入语句。
应用场景：
- 在Angular应用程序的根模块（如app.module.ts）中，通常会使用*从'angular'中导入所需的所有模块和功能。
- 当需要使用Angular的各种功能和模块时，可以直接使用*导入，而无需逐个导入每个模块。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列与云计算相关的产品和服务，以下是其中一些与Angular开发相关的产品：
- 云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行Angular应用程序。链接地址：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，可用于存储Angular应用程序的数据。链接地址：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全、可靠的对象存储服务，可用于存储Angular应用程序中的静态资源（如图片、视频等）。链接地址：https://cloud.tencent.com/product/cos
请注意，以上仅是腾讯云提供的一些与云计算相关的产品示例，更多产品和服务可以在腾讯云官网上找到。
相关·内容
2回答
我已经在angular 6中创建了一个组件库，我想在我的组件库中全局使用Angular材质组件。
我已经尝试导入到app.module.ts (没有公开到库中)，我已经尝试修改我的main.ts以包含@NgModule并导出一个"MainModule“，这编译得很好，但似乎不是正确的方法？
我是不是遗漏了什么？希望我有一些代码可以分享，但真的不知道从哪里开始。
感谢您的帮助！
浏览 1提问于2018-09-20得票数 0
我一直致力于创建一个服务来发出http请求，因此我使用了HttpClientModule。我有声明服务的data.serivce.ts文件，我正在导入HttpClient，如下所示。
import { Injectable } from '@angular/core';
import { HttpClient} from '@angular/common/http'
@Injectable()
export class DataService {
constructor(private http:HttpClient) {
}
valida
浏览 1提问于2018-12-23得票数 1
回答已采纳
我正在学习一个Angular4-Firebase集成教程，他们首先用app.module.ts - 1编写下面的代码。
import { AngularFireAuthModule } from 'angularfire2/auth';
imports: [
//Some other imports
AngularFireModule.initializeApp(firebaseConfig),
//Some more imports
],
然后在app.component.ts，他们又进口了其他一些与火柴有关的东西-
从
浏览 8提问于2017-08-16得票数 1
回答已采纳
5回答
我创建了一个定制的角材料模块，material.module.ts文件，并在这个文件中导入如下的角材料UI组件，如下所示。
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {
MatButtonModule,
MatToolbarModule,
MatIconModule,
MatBadgeModule,
MatSidenavModule,
MatListModule,
Ma
浏览 7提问于2021-09-10得票数 21
3回答
我希望使用多选择下拉列表，为此，我通过命令安装了angular2多选择下拉列表
npm install angular2-multiselect-dropdown --save
也是在app.module.ts中导入的
import { AngularMultiSelectModule } from 'angular2-multiselect-dropdown/angular2-multiselect-dropdown';
也包括在导入数组中的as AngularMultiSelectModule中。
但它会抛出错误
ERROR in ./src/app/app.module.
浏览 3提问于2018-11-12得票数 0
我想要建立角度形式，我想知道为什么我们要导入'ReactiveFormsModule‘在app.module。然后，要使用像formComtrol、formGroup这样的不同类，为什么我们需要在模板类中显式地导入它们呢？
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ReactiveComponent } from './reactive/rea
浏览 3提问于2021-05-16得票数 1
回答已采纳
我的app.module.ts需要添加FormsModule来运行我的模板代码，我怎么知道呢？
这个错误有点神秘，
Can't bind to 'ngModel' since it isn't a known property of 'input'. ("
什么是好的
import { NgModel } from '@angular/forms';
如果我没有
import { FormsModule } from '@angular/forms';
在我的app.module.ts中，添加到import
浏览 4提问于2017-09-08得票数 0
我曾经在app.module.ts中声明我的离子型应用程序的页面和页面模块。
然而，我刚刚删除了所有这些声明，这个应用程序仍然完全正常工作(在浏览器中测试，而不是在移动环境中测试)。
因此，我不知道这些声明是否必要。
根据，没有必要在app.module.ts中声明页面，但它没有提到页面模块。
我的app.module.ts是这样工作的：
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core'
浏览 0提问于2018-02-03得票数 3
回答已采纳
1回答
我被这个问题困住了2天了，对于角锥2我还很新，所以我尝试用Art2来实现我解决了几个错误，它要求更新到类型脚本版本，我更新了，现在有更多的问题了。我只想了解一下在angular2中使用物化的最好方法是什么？
package.json
{
"name": "SLA",
"version": "0.0.0",
"license": "MIT",
"angular-cli": {},
"scripts": {
"ng": "
浏览 1提问于2017-11-27得票数 0
回答已采纳
我有一个函数式AngularJS 1.7应用程序，我的所有代码都是用TypeScript编写的。但总有什么事困扰着我。
在我的app.module.ts文件中，我有一个丑陋的地方：
declare var angular;
为了
this.app = angular.module('app'...
转移并逃跑。
我尝试过的事情：
( 1)将declare var angular;替换为
import angular from "angular";
transpiles很好，但是浏览器会抱怨
Uncaught (in promise) TypeError: ang
浏览 0提问于2019-05-08得票数 2
2回答
为了避免从角材料中导入模块，我创建了一个单独的角模块AppCustomMaterialModule，并将其导入主模块AppModule中。该主模块(AppMenuComponent)的一个组件应该使用输出的角材料模块之一。但是，虽然AppCustomMaterialModule是在AppModule中导入的，但在AppMenuComponent中却找不到。直接进口工程。错误信息：Module ...app-custom-material-module/app-custom-material.module' has no exported member 'MatMenuTrigg
浏览 5提问于2017-11-20得票数 0
回答已采纳
已经有很多人问过这个问题，但我已经根据每个答案将其导入到我的app.module.ts文件中，甚至导入到app.spec.ts文件中
下面是html文件：
<p>{{ randomWord }}</p>
<input type="text" [(ngModel)]="enteredValue">
<button (click)="onSubmit()" >Submit</button>
<p>{{ answer }}</p>
下面是app.module.ts文件：
浏览 3提问于2018-11-08得票数 9
我想把管道模块导入我的应用程序，
import { NgModule } from '@angular/core';
import { PipeTransform, Pipe } from '@angular/core';
@Pipe({ name: 'values', pure: false })
export class PipeModule implements PipeTransform {
transform(value: any, args: any[] = null): any {
return Object.key
浏览 5提问于2017-03-28得票数 3
但是，当我到浏览器导航到下一页时，我的代码编译得很好，控制台中出现了以下错误：“未找到名称'matMenu‘的导出！”
我不明白为什么，因为我在我的app.module.ts文件和spec.ts文件中都有它的导入。有人能帮帮我吗？下面是一些代码片段。我使用的是角13版本和cli。
spec.ts
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [MatMenuModule],
declarations: [ ViewUsersComponent ]
浏览 9提问于2022-01-06得票数 1
今天使用角CLI +角质材料的新项目。
转到导入RouterModule和从'app.module.ts‘文件中的@ Routes /路由器路由，将RouterModule和路由添加到导入中，并得到以下错误：
ERROR in src/app/app.module.ts(18,5): error TS2693: 'Routes' only refers to a
type, but is being used as a value here.
不知道怎么解决这个问题。这是密码。
import { BrowserModule } from '@angular/pl
浏览 0提问于2018-07-21得票数 0
回答已采纳
1回答
我已经更新了从v8到v9的errors项目，并跟踪了所有所需的更新，但是运行ng serve会引发重大错误。我已经单独导入了所有的材料组件，而不是直接从@angular/material导入，并将所有这些都包含在单独的文件material.module.ts中。此文件是在app.module.ts中导入的，但仍然没有角度检测到任何物质组件，抛出错误：
下面的是依赖项：
注意：，我已经尝试了几乎所有可用的解决方案，并在没有成功的情况下问了这个问题。
浏览 1提问于2020-11-03得票数 0
我正在用Angular和Native Script构建一个web应用程序和移动应用程序。我想使用Angular Material Library for the Web App以及。
安装Angular后，我运行命令npm i -g @nativescript/schematics来创建一个新项目，如中所述。创建之后，我尝试使用命令ng add @angular/material安装Angular Material，随后我获得了如下日志：
> ng add @angular/material
Skipping installation: Package already installed
浏览 4提问于2020-08-05得票数 1
当我试图在我的RouterModule.forRoot(appRoutes)行中添加app.module.ts时，我会得到这个错误。下面是我的app.module.ts文件
app.module.ts文件
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {RouterModule} from '';
import { AppComponent } from './app.c
浏览 0提问于2018-10-31得票数 0
回答已采纳
当我运行ng build时，它显示了一些错误：
C:/761/search- bar/workload_management_app/Client/src/app/app.module.ts (8，9)中的错误:模块‘C:/761/search- bar/workload_management_app/Client/node_modules/@angular/materia l/ member’‘没有导出成员'MdCardModule’。
C:/761/search中的错误- bar/workload_management_app/Client/src/app/app.module.
浏览 13提问于2017-10-06得票数 4
我正在用Angular4.开发一个应用程序我必须改变我的笔记本电脑，在我的新机器组织环境和运行项目。在运行命令时，我得到了一个错误：
ng serve
当我运行它并获得13%时，我会得到以下错误：
ENOENT中的错误:没有这样的文件或目录，stat 'E:\E\Dev_Teradata\Davivienda\Front\conciliaciones-covalent-angular\src\app\app.module.ts‘
据我所知，您无法在显示错误的路径中找到文件"app.module.ts"，因为它将"E:\E\"，标记为"E:
浏览 1提问于2018-09-19得票数 2
回答已采纳
3回答
我安装了Angular Material Design。现在，我尝试在app.module.ts文件中添加以下内容：
import { MaterialModule } from '@angular/material';
我应该在一节中做出什么决定：imports: []？加载所有材料实体。
我尝试过：imports: ['MaterialModule']，但它已被弃用
浏览 46提问于2017-07-18得票数 60
回答已采纳
这是我从index.html进口的东西
<script src="https://unpkg.com/core-js/client/shim.min.js"></script>
<script src="https://unpkg.com/zone.js@0.7.4?main=browser"></script>
<script src="https://unpkg.com/systemjs@0.19.39/dist/system.src.js"></scrip
浏览 4提问于2017-02-09得票数 0
我是Angular2的新手。我试图从组件中调用简单的服务，但是当我试图调用它时，我得到的是未定义的服务实例：
这是我的代码：
Index.html
<!DOCTYPE html>
<html>
<head>
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.js">&l
浏览 5提问于2016-12-27得票数 2
3回答
当我运行npm运行离子型:构建时，我能够成功构建。但是当我运行npm运行离子型:build时，我得到了下面的错误消息。
Error: Type PatientDetailPage in /home/shiva/Ionic/af2-lists/src/pages/patient-detail/patient-detail.ts is
part of the declarations of 2 modules: AppModule in /home/shiva/Ionic/af2-lists/src/app/app.module.ts and
P
浏览 1提问于2017-09-11得票数 4
1回答
我有一个带有子模块的Angular2应用程序：
├───app (module)
│ ├───authentication (module)
│ │ ├───components
│ │ │ ├───login
│ │ │ ├───sign-in
│ │ │ ├───sign-up
│ │ │ ├
浏览 1提问于2016-10-20得票数 4
回答已采纳
我的应用程序不会导航到新的页面，所以在googling中，我发现我应该将RouterModule ( RouterLink声明的地方)导入到使用此模板的模块中。
我得到了错误:类@NgModule上的两个不兼容的装饰器
错误类'ShoppingCartComponent‘列在NgModule 'AppModule’的声明中，但不是指令、组件或管道。要么从NgModule的声明中删除它，要么添加一个合适的角度装饰器。
在购物中-Cart.Compent.ts：
import { NgModule } from '@angular/core';
import { R
浏览 4提问于2020-08-29得票数 0
1回答
我试图使用角度材料设计(2.0.0-β2)，但我无法使它工作。例如，如果我试图使用
<md-input-container>
<input mdInput name="value">
</md-input-container>
在app.module.ts中添加以下内容
import {MaterialModule} from '@angular/material';
@NgModule({
...
imports: [ MaterialModule, ...],
...
})
但我得
浏览 0提问于2017-03-12得票数 0
回答已采纳
我将在Angular 12中使用MatFormFieldModule。 我从@angular/material和@NgModule导入了这个模块，如下所示： import {MatFormFieldModule} from '@angular/material';
@NgModule({
....
imports: [
MatFormFieldModule,
...
],
...
}) 并在html文件中使用此MatFormFieldModule <mat-form-field>
...
</mat-form-field> 但我
浏览 70提问于2021-09-15得票数 0
回答已采纳
第一个问题
目标
我正在尝试用ng add @nguniversal/express-engine --clientProject [name]将SSR添加到我的角度项目中(这样我就可以动态地预先编写元标记)
预期结果
我期望该命令在所有脚手架上成功执行，并对我现有的文件进行必要的更新，如本YouTube 所示。
实际效果
相反，控制台说：
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Cannot find BrowserModule import in /src/app/ap
浏览 4提问于2020-06-23得票数 3
回答已采纳
2回答
我试图在角4应用程序中使用角路由，但是应用程序无法加载与请求的路由匹配的组件：
这是app-routing.module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { DashboardComponent } from './dashboard/dashboard.component';
const routes: Routes = [
{ path: 'das
浏览 7提问于2017-11-20得票数 2
回答已采纳
2回答
在中，建议我将以下行添加到app.module.ts中。
import { ReactiveFormsModule } from '@angular/forms';
...
@NgModule({ imports: [ ReactiveFormsModule, ... ], ... })
export class AppModule { }
然后，在中，建议在我的actual.component.ts中添加以下内容。
import { FormControl, FormGroup } from '@angular/forms';
据我所知，我试图跳过模块部分，只
浏览 0提问于2018-05-16得票数 1
回答已采纳
我正在尝试使用角度材料来实现自动补全，但是我得到了错误
ERROR in app.module.ts:22:8 - error TS2306: File '/home/user/MedvibesWebRepo/medvibes/medvibes-web/medvibes/medvibes-main-web/src/main/webapp/node_modules/@angular/material/index.d.ts' is not a module.
22 } from '@angular/material/';
~~~~~~~~~~~~~~~
浏览 10提问于2020-03-03得票数 3
我试着用AngularJS & trying (2)做一个混合应用程序。我已经有了一个很大的AngularJS应用程序，我只想使用一个来自角应用程序的组件。
使用，我创建了两个新文件
app.module.ts
import { UpgradeModule } from '@angular/upgrade/static';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
@NgModu
浏览 5提问于2017-03-06得票数 1
2回答
对于一个我无法解决的问题，我需要帮助。为了向我的应用程序添加模块化，我正在研究Range7库，但是在应用程序中安装它时，在库中定义的模块路由似乎不能工作。
我为github创建了一个项目来重现问题：
库测试
外部应用
在每个ReadMe文件中，我都描述了如何重现这个问题。
我已经创建了一个示例库(Foo)，它的路由模块中定义了子路由，然后在同一个工作区中的一个简单应用程序中构建并测试了它。所有工作正常，库路由被正确地添加到测试应用程序中。下一步，我通过npm链接命令导出构建库并将其包含到另一个应用程序示例中，并在此应用程序上运行ng serve命令。使用此配置，如果试图实现库路由路径，就会收到
浏览 0提问于2019-01-22得票数 10
回答已采纳
1回答
这是我的app.component.html：
<form fxLayout="column" fxLayoutAlign="center center" [formGroup]="loginForm" (ngSubmit)="loginUser(loginForm.value)">
<mat-form-field appearance="fill">
<mat-label >Username: </mat-label>
<input mat
浏览 3提问于2020-03-06得票数 0
回答已采纳
我有一些目前不需要的组件，但以后可能需要它。我知道组件的数量增加了构建的大小，这使得页面加载速度变慢。angular是否包含在app.module.ts中注释其导入的组件。如果它包含这些注释的导入，那么我必须删除它们才能加载页面。
浏览 18提问于2021-06-30得票数 1
回答已采纳
当我读到关于ngrx的文章时，我看到了包括该商店的不同方式：
我看到的一种方法是在进口中包括：
@NgModule({
imports: [
... omitted
StoreModule.provideStore(AppReducer),
],
declarations: [
AppComponent
],
bootstrap: [AppComponent]
})
export class AppModule {
}
我看到的另一种方式是将其包含在引导程序中：
import {bootstrap} fro
浏览 3提问于2017-05-01得票数 2
回答已采纳
我正在尝试将一个应用程序从RC4升级到RC7，并且我在我的src/ app.module.ts文件夹中创建了一个应用程序。
我的src文件夹中的main.ts包含以下行：
import { AppModule } from './app/';
这将返回以下错误：
WARNING in ./src/main.ts
9:41 export 'AppModule' was not found in './app/'
ERROR in [default] c:\xampp\htdocs\newPROJECT\src\main.ts:6:9
Module
浏览 4提问于2016-09-16得票数 0
回答已采纳
在app文件夹中，还有另一个子module，称为login.There，分别是login.component.ts、login.module.ts和login.component.html。我想在login.component.html上使用angular-material。如果我在login.module.ts中导入材料组件，那么它可以正常工作。但是如果我在app.module.ts中导入，它就不能再工作了。
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import {Bro
浏览 0提问于2017-12-15得票数 0
我多次尝试在非延迟加载页面中延迟加载组件，但这给了我一个错误
//app.module.ts
import {LoginPage} from '../pages/login/login';
@NgModule({
declarations: [
MyApp,
LoginPage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
HttpClientModule
],
bootstrap: [IonicApp],
entryComponents: [
浏览 1提问于2018-03-14得票数 0
我已经在我的app.module.ts文件中导入了匹配器，但是仍然显示了一些错误。我不能让材料部件起作用。该按钮工作良好，并使用角质材料组件。但是当我使用datepicker时，它就不起作用了。
app.module.ts文件
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import{ HttpClientModule} from '@angular/common/http';
import
浏览 0提问于2019-06-08得票数 30
回答已采纳
我正试图在我的角度应用程序中创建一个自定义管道，但是继续获取“没有找到名为”currencyFormat“的管道”错误消息。我使用角CLI: ng g管道/组件/管道/货币格式创建了管道，代码如下所示：
import { formatNumber } from '@angular/common';
@Pipe({
name: 'currencyFormat'
})
export class CurrencyFormatPipe implements PipeTransform {
transform(value: any, currency: stri
浏览 5提问于2020-04-10得票数 3
回答已采纳
1回答
我是Angular的新手，尽管我的应用程序编译成功，但我遇到了一个空白网页和以下错误。
src/ 'C:/Users/----------/news-app/node_modules/@angular/material/index.d.ts‘/app.module.ts中出错:7:129-错误TS2306:文件app不是模块。
7从‘@angular/material’导入{ MatButtonModule，MatCardModule，MatMenuModule，MatToolbarModule，MatIconModule，MatSidenavModule，MatListModule
浏览 0提问于2020-02-23得票数 0
1回答
我试图使用“角映射”npm包在角6中实现bingmap，因为我有和问题声明:在node_modules中没有创建“bingmap”文件夹。
app.module.ts
/// <reference path="node_modules/bingmaps/types/MicrosoftMaps/Microsoft.Maps.All.d.ts" />
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core&
浏览 0提问于2018-08-23得票数 3
回答已采纳
2回答
我使用角7的猫头鹰旋转木马。
npm install ngx-owl-carousel owl.carousel jquery --save
然后添加
"scripts": ["./node_modules/jquery/dist/jquery.min.js",
"./node_modules/owl.carousel/dist/owl.carousel.min.js"]
在angular.json文件中添加
import { OwlModule } from 'ngx-owl-carousel';
imports: [
浏览 1提问于2018-12-09得票数 0
回答已采纳
2回答
找不到名称'XXX‘
、、、
当我试图添加一个路由到由另一个模块导出的元件时，在我的app.module.ts文件中得到了错误"Cannot find name 'Calendar Component'“。
这是我的app.module.ts文件
// Module Import Statements //
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {NgbModule} from '@ng-bo
浏览 0提问于2018-01-19得票数 0
1回答
我试图在我的angular项目上运行ng build，但是我一直收到这个错误
ERROR in Unexpected value 'MatTooltipModule in /Users/strypeez/Dropbox/gosco-webNEW/gosco-webUPTODATE/node_modules/@angular/material/tooltip/typings/index.d.ts' imported by the module 'AppModule in /Users/strypeez/Dropbox/gosco-webNEW/gosco-webUPTOD
浏览 1提问于2018-04-18得票数 1
3回答
在下面来自../src/app/app.module.ts的代码中，
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
构成部分包括：
视图(../src/app/app
浏览 5提问于2017-11-15得票数 3
回答已采纳
1回答
角倍数进口
、、、、
编辑:我的错，我有点累了，我脑子里混合了两个想法，结果产生了一个问题，这个问题并不意味着什么……我会把它归咎于咖啡！:P
与其说是实际问题，不如说是知识问题，但是.
我目前正在开发一个有角度的web应用程序，当我开始“扰乱”测试时，我意识到大多数测试都失败了，因为我在app.module.ts中导入组件时没有将组件包含在app.module.ts文件中，但是我调用了自定义组件。
(例如：<app-menu></app-menu>或<router-outlet></router-outlet>)
现在，解决方案很简单:只需导入模块，它就完成了，但它
浏览 1提问于2017-12-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
