Questions tagged «angular»

有关Angular(不要与AngularJS混淆)的问题,它是Google的网络框架。将此标签用于并非特定于单个版本的角度问题。对于较旧的AngularJS(1.x)Web框架,请使用angularjs标记。


10
如何在Angular 2 / Typescript中声明全局变量?[关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引用的形式回答。 3年前关闭。 改善这个问题 我想一些变量来进行访问无处不在Angular 2的Typescript语言。我应该如何去实现呢?


8
Typescript类型“字符串”不可分配给type
这是我在fruit.ts中拥有的东西 export type Fruit = "Orange" | "Apple" | "Banana" 现在,我要在另一个打字稿文件中导入fruit.ts。这就是我所拥有的 myString:string = "Banana"; myFruit:Fruit = myString; 当我做 myFruit = myString; 我收到一个错误: 类型'string'不能分配给类型'“ Orange” | “苹果” | “香蕉”' 如何为自定义类型Fruit的变量分配字符串?


11
如何扩展/继承组件?
我想为已经部署在Angular 2中的某些组件创建扩展,而不必几乎完全重写它们,因为基础组件可以进行更改,并希望这些更改也能反映在其派生组件中。 我创建了这个简单的示例,以尝试更好地解释我的问题: 具有以下基本组件app/base-panel.component.ts: import {Component, Input} from 'angular2/core'; @Component({ selector: 'base-panel', template: '<div class="panel" [style.background-color]="color" (click)="onClick($event)">{{content}}</div>', styles: [` .panel{ padding: 50px; } `] }) export class BasePanelComponent { @Input() content: string; color: string = "red"; onClick(event){ console.log("Click color: " + this.color); } } 您是否要仅创建另一种派生成分,例如,在示例颜色的情况下,基本成分的行为为app/my-panel.component.ts: import {Component} from 'angular2/core'; import …

16
角度和去抖动
在AngularJS中,我可以通过使用ng-model选项来反跳模型。 ng-model-options="{ debounce: 1000 }" 如何在Angular中对模型进行反跳?我试图在文档中搜索反跳,但找不到任何东西。 https://angular.io/search/#stq=debounce&stp=1 一种解决方案是编写我自己的防抖动功​​能,例如: import {Component, Template, bootstrap} from 'angular2/angular2'; // Annotation section @Component({ selector: 'my-app' }) @Template({ url: 'app.html' }) // Component controller class MyAppComponent { constructor() { this.firstName = 'Name'; } changed($event, el){ console.log("changes", this.name, el.value); this.name = el.value; } firstNameChanged($event, first){ if (this.timeoutId) …


7
AngularJS vs Angular [关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引文回答。 4年前关闭。 改善这个问题 几个月前,我决定学习Angular。当我进行一些改进并使用它创建一些应用程序时,我意识到Angular 2处于开发人员预览版中,因此要发布它只是时间问题。因为Angular 2不会与Angular 1兼容,并且有很多更改,所以问题是,继续使用Angular 1.x还是开始开发Angular 2更好? 这是事实,我们不必总是使用市场上的最新版本或最新语言,但是在这种情况下,该应用程序仍然很小,因此我可以毫无问题地进行更改。
158 angularjs  angular 


6
模板驱动形式和反应形式之间的实际区别是什么?
我一直在阅读有关Angular2新Forms API的信息,似乎在表单上有两种方法,一种是模板驱动的表单,另一种是反应性或模型驱动的表单。 我想知道两者之间的实际区别,不是语法上的区别(显然),而是实际用途,以及哪种方法在不同情况下的好处更大。此外,选择一个而不是另一个是否会提高性能?如果是,为什么?

5
何时使用“ npm start”和何时使用“ ng serve”?
ng serve 通过开发服务器为Angular项目提供服务 npm start运行在程序包的“脚本”对象的“开始”属性中指定的任意命令。如果在“脚本”对象上未指定“开始”属性,它将运行节点server.js。 似乎ng serve启动嵌入式服务器,而npm start启动节点服务器。 有人可以照亮它吗?

9
如何在Angular2 ngSwitch语句中使用打字稿枚举值
Typescript枚举似乎与Angular2的ngSwitch指令自然匹配。但是,当我尝试在组件模板中使用枚举时,出现“无法读取...中未定义的属性'xxx'”。如何在组件模板中使用枚举值? 请注意,这与基于枚举(ngFor)的所有值创建html select选项的方式不同。这个问题是关于基于特定枚举值的ngSwitch的。尽管出现了创建对枚举的类内部引用的相同方法。

14
Angular-“没有导出成员'可观察'”
打字稿代码: import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService { constructor() { } getHeroes(): Observable<Hero[]> { return of(HEROES); } } 错误信息: …

7
如何在angular2中调用另一个组件函数
我有两个组件,如下所示,我想从另一个组件中调用一个函数。这两个组件都包含在使用指令的第三个父组件中。 组件1: @component( selector:'com1' ) export class com1{ function1(){...} } 组件2: @component( selector:'com2' ) export class com2{ function2(){... // i want to call function 1 from com1 here } } 我已经尝试过使用@input,@output但是我不知道该如何使用以及如何调用该函数,任何人都可以帮忙吗?

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.