Questions tagged «angular»

EventEmitter.emit()和之间有什么区别EventEmitter.next()？两者都将事件调度到订阅的侦听器。 export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } 目前，对于EventEmitter的记录还不是那么有用。

98 angular  angular2-services 

如何在不将主体作为应用选择器和使用主机绑定的情况下将类添加到主体标签？ 我尝试使用渲染器，但它会改变整个身体 身体标签上的Angular 2.x绑定类 我正在开发一个大型angular2应用，更改根选择器会影响很多代码，我将不得不更改很多代码 我的用例是这样的： 当我打开模式组件（动态创建）时，我希望文档滚动条隐藏

98 angular 

canLoad和之间有什么区别canActivate？ export interface Route { path?: string; pathMatch?: string; matcher?: UrlMatcher; component?: Type<any>; redirectTo?: string; outlet?: string; canActivate?: any[]; canActivateChild?: any[]; canDeactivate?: any[]; canLoad?: any[]; data?: Data; resolve?: ResolveData; children?: Routes; loadChildren?: LoadChildren; } 我什么时候应该选哪个？

98 angular 

我有一个带有尖角前端的mvc 5项目。我想按照本教程https://angular.io/guide/router中的描述添加路由。所以在我中_Layout.cshtml我添加了一个 <base href="/"> 并在我的app.module中创建了路由。但是当我运行它时，出现以下错误： Error: Template parse errors: 'router-outlet' is not a known element: 1. If 'router-outlet' is an Angular component, then verify that it is part of this module. 2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this …

98 angular  typescript  asp.net-mvc-5  angular2-routing 

我是Angular的新手。我开始了“英雄之旅”以学习它。因此，我创建了一个app.component具有two-way绑定的对象。 import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1> <h2>{{hero.name}} details!</h2> <div><label>id: </label>{{hero.id}}</div> <div><label>Name: </label> <input [(ngModel)]="hero.name" placeholder="Name"> </div> `, styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'Tour of Heroes'; hero: Hero = { id: …

97 angular 

我试图发现一个变化ngModel的<select>标签。在Angular 1.x中，我们可以使用$watchon ngModel或使用来解决此问题ngChange，但我尚未了解如何检测ngModelAngular 2中的更改。 完整示例：http : //plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: 'my-dropdown' }) @View({ directives: [FORM_DIRECTIVES], template: ` <select [ngModel]="selection" (ngModelChange)="onChange($event, selection)" > <option *ngFor="#option of options">{{option}}</option> </select> {{selection}} ` }) export class MyDropdown { @Input() options; selection = 'Dog'; ngOnInit() …

97 javascript  angular 

我无法将此代码从Angualr 1转换为Angular 2： ng-repeat="todo in todos | orderBy: 'completed'" 这是我根据蒂埃里·坦佩利（Thierry Templier）的回答所做的： 组件模板： *ngFor="#todo of todos | sort" 组件代码： @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) 管道代码： import { Pipe } from "angular2/core"; import {Todo} from './todo'; @Pipe({ name: "sort" }) export class TodosSortPipe { transform(array: …

97 angular  angular2-template  angular-pipe 

我有一组angular2组件，都应该注入一些服务。我首先想到的是，最好是创建一个超类并在其中注入服务。然后，我的任何组件都将扩展该超类，但是这种方法不起作用。 简化示例： export class AbstractComponent { constructor(private myservice: MyService) { // Inject the service I need for all components } } export MyComponent extends AbstractComponent { constructor(private anotherService: AnotherService) { super(); // This gives an error as super constructor needs an argument } } 我可以通过MyService在每个组件中注入并使用该参数进行super()调用来解决此问题，但这显然是荒谬的。 如何正确地组织我的组件，以便它们从超类继承服务？

97 inheritance  angular  typescript  inject  typescript1.8 

我正在使用ReactiveFormsModuleAngular2创建包含表单的组件。这是我的代码： foo.component.ts： constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html（带有[formControl]）： <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="gender" checked="" tabindex="0" class="hidden" [formControl]="myForm.controls.gender"> <label>Male</label> </div> </div> <div class="field"> <div …

97 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

我正在尝试使用中的disabled属性formControl。当我将其放在模板中时，它可以工作： <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> 但是浏览器提醒我： 看起来您正在使用带有反应形式指令的Disabled属性。如果在组件类中设置此控件时将Disabled设置为true，则实际上将在DOM中为您设置disabled属性。我们建议使用这种方法来避免“检查后更改”错误。 Example: form = new FormGroup({ first: new FormControl({value: 'Nancy', disabled: true}, Validators.required), last: new FormControl('Drew', Validators.required) }); 因此，我将其放在中FormControl，并从模板中删除： constructor(private itemsService: ItemsService) { this._items = []; this.myForm = new FormGroup({ id: new FormControl({value: '', disabled: true}, Validators.required), title: new FormControl(), description: new FormControl() }); …

97 angular  typescript 

我想在整个应用程序中使用公司的品牌颜色。 我发现了这个问题：AngularJS 2-材质设计-设置调色板，我可以在其中建立一个自定义主题，但它基本上只是使用预先构建的调色板的不同部分。我不想使用Material2的预定义颜色。我想要我独特和特别的品牌色彩。是否有一种比单独修改主题更好的方法（对吗？）_palette.scss？ 我需要为我的品牌调色板做一个混搭吗？如果是这样-有关如何正确执行操作的任何指南？不同颜色的阴影（标有数字：50、100、200，A100，A200 ...）的含义是什么？ 关于这个领域的任何信息将不胜感激！

97 angular  sass  material-design  angular-material2 

我正在尝试为该博客构建用于生产的 angular2应用程序。在ngc成功编译之后，当进行tsc编译时，它将生成以下图像中所示的错误： 搜索了一会儿后，我发现这个博客在“上下文属性”部分解释了该问题，我无法正确理解该问题可能是因为它为您提供了一个很好的主意，那就是发生了什么问题。基本上，当我们将变量设为私有时，我们得到“错误：属性是私有的，并且只能在类中访问”。我不明白为什么会这样。 过去几天，我们一直在努力解决这个问题，请为我们提供帮助。

97 angular  typescript  typescript-typings  angular2-aot 

如何在元素内声明动态 模板引用变量ngFor？ 我想使用ng-bootstrap中的popover组件，弹出代码（带有HTML绑定）如下所示： <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> 如何将这些元素包装在里面ngFor？ <div *ngFor="let member of members"> <!-- how to declare the '????' --> <ng-template #????>Hello, <b>{{member.name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="????" popoverTitle="Fancy content"> I've got markup and bindings …

97 angular  ng-bootstrap  angular-template 

我不知道如何从Observable中提取值以由存在Observable的函数返回。我只需要从中返回一个值，别无其他。 当前版本有效 function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() 我需要这个工作，函数返回值，然后： function getValueFromObservable() { this.store.subscribe( (data:any) => { return data } ) } console.log(getValueFromObservable()) 我在这里做错了什么？

96 typescript  angular  rxjs  rxjs5 

我想将markAsDirty所有控件都放在FormGroup。

96 angular