我试图在* ngFor中声明一个索引,但我得到一个类型错误,它说 <div class='text' *ngFor='let item of blogs; let i = index | async | filter : 'feat' : true'> 如果我取出让i = index它工作正常,但我想使用索引,所以我可以将css类应用于元素.查看文档,这是您应该如何做到的. 它管道应该在索引之前

是否有任何角度2方式跳过ngOnChanges的第一个触发器？目前我正在使用这种天真的方法来忽略它： isFirst: boolean = true; ngOnChanges(changes: SimpleChanges) { if (this.isFirst) { this.isFirst = false; return; } console

我有一个我希望在< ion-row>中显示的作业列表.每行最多可包含两个作业.每个作业都包含在< ion-col>中.标签. <ion-row> <ion-col width-50 class="job-item">Job A</ion-col> <ion-col width-50 class="job-item">Job B</ion-col>

我有一个routerLink附加到我在angular2组件的 HTML中创建的表中的前导值.单击该表值后,我希望routerLink不仅可以发送到下一个组件,还可以将所选值带到下一个组件. 当前代码示例 <a [routerLink]="['/Records']" ><td> {{Member.Name}} <td></a> 我有链接,所以它发送到记录页面,但是如何将名称发送到该组件,以便我可以显

之前我正在使用Angular2.3.1并使用npm update –save更新了package.json文件,以获得Angular2的更新版本2.4.7. 但是,出于某种原因,当我开始执行npm时,它似乎打破了代码. 它说 node_modules/@types/jasmine/index.d.ts(39,52): error TS1005: ‘=’ expected 现在,我想知道如何解决它？

我是Angular2的新手,我只是很想知道如果我在_showNavBar或者showNavBarEmitter上进行订阅,它们的工作原理相同(参见下面的代码我正在使用).有什么不同吗？ public _showNavBar: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(null); public showNavBarEmitter

我在应用程序中进行了一些基本的变化检测,我正在苦苦挣扎.我已经在这几天失去了意志！我想知道这里是否有人可以指出我正确的方向. 我有一个包含2个用户列表的组.一个是成员,另一个是主持人. 此方法连接到数据库以获取每个具有$key值的对象列表.现在我想使用这些键来获取每个用户的实际UserData.我尝试了所有的东西并且结合起来最让我看起来唯一可以工作的东西. 因此,两者都调用该函数,我在模板上使用异

当我在MacOS上运行npm install -g angular-cli时,我不断收到此错误： npm ERR! node v6.9.2 npm ERR! npm v3.10.9 npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access n

我使用以下方法创建了一个基本的Nativescript应用程序： tns创建my-project-name –template nativescript-angular-drawer-template 现在,我想将Material Design添加到我的应用程序中.根据docs我运行命令npm install –save @ angular / material并根据文档添加了MaterialMo

我有一个Angular2组件在表中显示一些数据. export class DiagnosisComponent { headers: Array<String> = ["hello world", "hello world"]; table: Observable<TableData>; constructor(private eventService: EventService

我试图在一些倒计时之后导航.这是我的代码 constructor( private router: Router ) {} onsubmit(){ //I call the count down function here this.countdown(); } countDown() { var i = 5;

我有一个Angular2指令的问题,应该执行以下操作： >检测用户是否输入’.’字符. >如果下一个字符也是’.’,请删除重复的’.’并将光标位置移动到’.’之后烧焦 我有上述工作,但是,当与ngModel结合使用时,每次更新模型时光标位置都会跳到最后. 输入： <input type="text" name="test" [(ngModel)]="testInput" testDirective

这与Angular 2官方发布有关.我知道单元测试在beta,RC和官方发布之间发生了巨大变化. 当它在构造函数中用作参数时,在单元测试中模拟@ ngrx / store的好方法是什么？它并不像模拟服务那么简单. 例如,如果我想模拟服务,那么我可以这样做： let serviceStub = { }; // not a true mocked service, just a stub, right

我的模板包含 <a [routerLink]="['/my-profile']" routerLinkActive="active"> <i class="icon-user"></i>{{ 'MY_PROFILE' | translate }} </a> 错误是因为routerLink和routerLinkActive指令. 单元测试文件. TestBed.configureTestin

Angular 1.X中的指令默认设置为双向绑定.默认情况下,组件具有隔离范围.我有一个看起来像这样的观点： <div class="my-view"> {{controllerVariable}} </div> 如果我将上面的设置作为指令,则controllerVariable在以下情况下正确加载： <div ng-controller="myController"> <my-v

我是Angular2的新手,并创建了一个基本的应用程序.但是,当我运行应用程序时,它会出现一些错 这是我正在研究的plunker的链接： https://plnkr.co/edit/vnnVJtA7HJS740tvslEI?p=preview 请提供解决方案,以便我可以从Angular2开始.以下是错误： VM654 zone.js:388 Unhandled Promise rejection:

以下是我的组件.错误点是this.router.navigate()部分.登录后,我想将用户重定向到另一个页面,类似于$state.go(‘dashboard’). import { Component } from '@angular/core'; import { Router } from '@angular/router'; import { AngularFire } from 'an

我正在学习Angular 2.我有一个问题.  我需要app.component.ts吗？我有很多组件在文件夹中.每个文件夹都包含组件和模板,但我想知道我真的需要主要组件或我可以删除它吗？ 最好的祝福. 请记住：启动Angular2 App至少需要一个模块和组件. Do I need app.component.ts? 不必要. 这只是.ts文件的名称.它可以是任何其他组件.但至少需要一个模块和组

我对Angular 2和Observables的概念很新.然而,对于经验丰富的大师来说,我想要实现的目标应该相当简单:) 所以： 我有一个组件,我订阅了来自服务的observable.出于测试目的,我一直在使用数据阵列来使我的组件生效.现在,当它完成时,我想要将真正的API调用挂钩到我的服务.现在问题是我从服务器获得的数据需要在返回到组件之前进行操作.当我操纵它时,我得到错误,例如“无法读取属性’

我有一个简单的问题,但我似乎无法找出任何解决方案. 基本上我有一个输入,在聚焦时切换下拉列表,当它不再聚焦时,它应该关闭下拉列表. 但问题是,如果单击下拉列表中的项目,则会在项目的单击功能之前执行模糊功能,导致单击功能完全不运行,因为在注册单击之前下拉关闭. 我怎么解决这个问题？ <input (focus)="showDropdown()" (blur)="myBlurFunc()"> <ul>

我有2个需要通信的兄弟组件： < APP-控制>< / APP-控制>  < APP-主>< / APP-主> app-controls包含需要在app-main组件中触发事件的按钮.是否有符合Angular 2风格指南的方式？ 您可以使用模板变量来获取对兄弟的引用. 如果< app-controls>有一个输出,当点击按钮时它会发出事件你可以这样做： <app-controls (buttonC

在本地运行我的单元测试工作正常,但在构建服务器上发生了最愚蠢的事情：有时他们通过,有时他们没有.主要代码： define(['angmock', 'someMore'], function () { describe('myController', function () { beforeEach(function () { console.log("Ent

我正在尝试使用angular2 rc1为click事件编写单元测试.我的组件使用onClick()方法处理click事件,并将name字段从bar更改为foo.看这 plunker. 现在我想触发一个click事件来测试名称值是否为bar.请参阅plunker上的unit-testing.spec.ts文件. it('should change name from foo to bar on cl

我正在使用ui-grid v3.1.1并启用了rowSelection.我注意到当我启用行选择时,我无法再从行中选择(单击 – 按住 – 拖动)文本. 我在他们的教程(页面上的第二个网格)中注意到example中的相同行为. 很高兴知道在启用rowSelection的同时,我仍然可以允许用户选择文本. Here是教程中示例的插件链接. $scope.gridOptions = { en

我正在使用Angular 2和RxJS 5. 这两者之间有什么区别： 哪个应该先使用？谢谢 isOpen$= new BehaviorSubject<boolean>(true); 和 isOpen$= BehaviorSubject.create(true); BehaviorSubject没有create方法,所以我猜这是由 Subject基类公开的. 使用构造函数. 在这种情况下,您应该使用

App拒绝找到symbol-observable – 或者zone.js确实 – 尽管rxjs肯定在那里. 得到的一切像： <script src="node_modules/es6-shim/es6-shim.js"></script> <script src="node_modules/zone.js/dist/zone.js"></script> <script src="node_modu

我有一个简单的组件,只是呈现进度条. 它初始化很好,进度很好,但模板没有使用新值更新. import {Component} from 'angular2/core'; @Component({ selector : 'progress-bar', template : ` <div class="progress-container"> <div>{{current

这是我的代码：如何在元素框中单击时仅旋转带有角度的svg-arrow？ <md-card class="header" style="margin: 0 0 4px 0;" ng-mousedown="toggleCollapse('source')"> <md-card-content layout="row" layout-align="start center"> <img sr

参见英文答案 > Typescript style guide for interfaces                                    4个 似乎没有这个信息的明确位置： 我总是将接口文件命名为IMyInterfaceName.extension,接口命名为IMyInterface. 这是Angular 2和Typescript的方法吗？ 谢谢 ：) 根据 NAMING

我想在Angular2服务中编写一个简单的切换. 因此,我需要观察的主题的当前值(见下文). import {Injectable} from 'angular2/core'; import {Subject} from 'rxjs/Subject'; @Injectable() export class SettingsService { private _panelOpened =