我使用的是angular 5.0.3，我想用一堆查询参数启动我的应用程序，比如/app?param1=hallo&param2=123。如何在Angular 2中从url中获取查询参数?对我没用。

有什么想法如何获得查询参数工作?

private getQueryParameter(key: string): string {
  const parameters = new URLSearchParams(window.location.search);
  return parameters.get(key);
}

这个私有函数帮助我获取参数，但我认为在新的Angular环境中这不是正确的方式。

(更新:) 我的主应用程序是这样的

@Component({...})
export class AppComponent implements OnInit {

  constructor(private route: ActivatedRoute) {}

  ngOnInit(): void {
    // would like to get query parameters here...
    // this.route...
  }
}

我尝试使用“ng destroy component foo”，它告诉我“Angular-CLI不支持销毁命令”

如何使用Angular CLI正确地删除组件?

父级和子级通过Angular官方指南中的服务示例进行通信。io在Observable流名称中使用美元符号。

注意下面示例中的missionannounce $和missionConfirmed$:

import { Injectable } from '@angular/core';
import { Subject } from 'rxjs';

@Injectable()
export class MissionService {

  // Observable string sources
  private missionAnnouncedSource = new Subject<string>();
  private missionConfirmedSource = new Subject<string>();

  // Observable string streams
  missionAnnounced$ = this.missionAnnouncedSource.asObservable();
  missionConfirmed$ = this.missionConfirmedSource.asObservable();

  // Service message commands
  announceMission(mission: string) {
    this.missionAnnouncedSource.next(mission);
  }

  confirmMission(astronaut: string) {
    this.missionConfirmedSource.next(astronaut);
  }
}

谁能解释一下:

为什么使用$ ?这个符号背后的原因是什么?公共物品总是需要用这个吗? 使用公共属性，但不使用方法(例如missionannouncement ()， missionconfirmation())——同样，这是Angular2应用程序的约定吗?

我经常会遇到这样的问题，不得不把旧的Angular项目和已弃用的Angular依赖项一起启动。

因为我不寻常地运行最新的Node.js版本(至少是后期的LTS版本)，我经常遇到这个问题，我不能让旧的项目运行。 我通过使用节点版本管理器解决了这个问题，但我仍然经常遇到这样的问题:我不确定对于Angular版本X来说，使用哪个node .js版本是最好的。

遗憾的是，官方发布说明对这个话题处理得很糟糕，并没有真正的帮助，特别是如果你想知道你不能再使用某个特定的Node.js版本的Angular版本……

是否有一个完整的兼容性列表来检查哪个Angular版本与哪个Node.js版本兼容?

我使用的是Angular 2+和Angular CLI。

我如何添加字体awesome到我的项目?

我们想在angular-cli 1.0.0-beta.5生成的应用程序中使用bootstrap 4 (4.0.0-alpha.2)(w/ node v6.1.0)。

在获得bootstrap及其对npm的依赖之后，我们的第一个方法是将它们添加到angular-cli-build.js中:

'bootstrap/dist/**/*.min.+(js|css)',  
'jquery/dist/jquery.min.+(js|map)',  
'tether/dist/**/*.min.+(js|css)',

然后导入到index。html中

<script src="vendor/jquery/dist/jquery.min.js"></script>
<script src="vendor/tether/dist/js/tether.min.js"></script>
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css">
<script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script>

这在ng serve中工作得很好，但当我们生成一个带有-prod标志的构建时，dist/vendor中的所有依赖项都消失了(惊讶!)

我们打算如何处理这样的场景(即加载引导脚本)在一个用angular-cli生成的项目?

我们有以下想法，但我们真的不知道该怎么做……

use a CDN ? but we would rather serve these files to guarantee that they will be available copy dependencies to dist/vendor after our ng build -prod ? But that seems like something angular-cli should provide since it 'takes care' of the build part ? adding jquery, bootstrap and tether in src/system-config.ts and somehow pull them into our bundle in main.ts ? But that seemed wrong considering that we are not going to explicitly use them in our application's code (unlike moment.js or something like lodash, for example).

我已经开始学习Angular了，但我注意到，每当我在Windows中执行Angular命令时，powershell都会给我一个错误:

ng new new-app

or

ng serve

这是我得到的错误:

ng : File C:\Users\< username >\AppData\Roaming\npm\ng.ps1 cannot be loaded because 
running scripts is disabled on this system. For more information, see 
about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1
+ ng serve
+ ~~
    + CategoryInfo          : SecurityError: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

附注:我在cmd中尝试这些命令，它可以工作。

我应该如何配置Angular 8的新子视图?

@ViewChild('searchText', {read: ElementRef, static: false})
public searchTextInput: ElementRef;

vs

@ViewChild('searchText', {read: ElementRef, static: true})
public searchTextInput: ElementRef;

哪个更好?什么时候我应该使用static:true vs static:false?

是否有一些Visual Studio Code的插件或其他方法可以帮助我们快速有效地整理和组织导入和引用?

例如，可能有数百个这样的导入

import { AutoCompleteModule,InputSwitchModule } from 'primeng/primeng';
import { ListboxModule } from 'primeng/primeng';

可以转换成类似的吗

import { AutoCompleteModule,
         InputSwitchModule,
         ListboxModule  } from 'primeng/primeng';

或者其他功能 自动从app.module或整个项目的所有组件中删除那些未使用的导入和声明?

感谢您的反馈!

我有一个Angular 2服务:

import {Storage} from './storage';
import {Injectable} from 'angular2/core';
import {Subject}    from 'rxjs/Subject';

@Injectable()
export class SessionStorage extends Storage {
  private _isLoggedInSource = new Subject<boolean>();
  isLoggedIn = this._isLoggedInSource.asObservable();
  constructor() {
    super('session');
  }
  setIsLoggedIn(value: boolean) {
    this.setItem('_isLoggedIn', value, () => {
      this._isLoggedInSource.next(value);
    });
  }
}

一切都很好。但是我有另一个不需要订阅的组件，它只需要在某个时间点获得isLoggedIn的当前值。我该怎么做呢?