Questions tagged «angular»

当用户单击下拉菜单之外的任何地方时，我想关闭我的登录菜单下拉菜单，我想使用Angular2和Angular2“方法”来完成此操作... 我已经实施了一个解决方案，但是我对此确实没有信心。我认为必须有一种最简单的方法来获得相同的结果，因此，如果您有任何想法...让我们讨论一下:)！ 这是我的实现： 下拉组件： 这是我的下拉菜单的组件： 每次将此组件设置为可见时，（例如：当用户单击按钮以显示它时）它将订阅存储在SubjectsService中的“全局” rxjs主题userMenu。 每次隐藏时，它都会退订该主题。 该组件模板内任何位置的每次点击都会触发onClick（）方法，该方法只会停止将事件冒泡到顶部（和应用程序组件） 这是代码 export class UserMenuComponent { _isVisible: boolean = false; _subscriptions: Subscription<any> = null; constructor(public subjects: SubjectsService) { } onClick(event) { event.stopPropagation(); } set isVisible(v) { if( v ){ setTimeout( () => { this._subscriptions = this.subjects.userMenu.subscribe((e) => { this.isVisible = false; }) …

144 javascript  drop-down-menu  angular  rxjs 

我正在angular2以下地址执行教程：https : //angular.io/docs/ts/latest/tutorial/toh-pt3.html我已将hero接口放在文件app夹下的单个文件中，在控制台中出现此错误： app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. [0] app/hero-detail.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. 如果将接口文件放在hero文件夹中，错误消失了，文档中没有提到，导入有什么问题？ 我的import指令（在组件文件的beguining）在这两个app.components.ts和hero-detail.component.ts： import {Component} from 'angular2/core'; import {Hero} from './hero'; 我是否必须将导入指令替换为：import {Hero} from './'; 或将代码放在hero文件夹中？

144 angular 

我刚刚开始使用Angular 2，我想知道是否有人可以告诉我从元素动态添加和删除事件侦听器的最佳方法。 我有一个组件设置。当单击模板中的某个元素时，我想为mousemove同一模板的另一个元素添加一个侦听器。然后，我想在单击第三个元素时删除此侦听器。 我只是使用普通的Javascript来抓取元素，然后调用标准，addEventListener()但我想知道是否还有更多的“ Angular2.0 ”方式可以做到这一点，我应该研究一下。

143 angular  typescript  addeventlistener 

我有一个HTML INPUT字段。 <input [(ngModel)]="item.value" name="inputField" type="text" /> 我想格式化其值并使用现有管道： .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... 并得到错误信息： 动作表达式中不能有管道 在这种情况下如何使用管道？

143 angular  pipe  html-input  angular2-ngmodel 

如果private在组件类上声明了变量，我是否应该能够在该组件的模板中访问它？ @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; //declared as private }

143 typescript  angular  angular2-template 

我正在尝试在呈现组件之前从我的API加载事件。当前，我正在使用从组件的ngOnInit函数调用的API服务。 我的EventRegister组件： import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from "../../services/api.service"; import {EventModel} from '../../models/EventModel'; import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig, RouteParams, RouterLink} from 'angular2/router'; import {FORM_PROVIDERS, FORM_DIRECTIVES, Control} from 'angular2/common'; @Component({ selector: "register", templateUrl: "/events/register" // provider array is added in parent component }) export class EventRegister implements OnInit …

143 typescript  angular  angular2-services  angular2-http 

我有一个错误 node_modules / rxjs / internal / types.d.ts（81,44）：错误TS1005：';' 预期。 安装Angular 6.之后 检查错误： ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,77): error TS1109: Expression expected.

142 angular  typescript  build  installation  rxjs 

看来，当我使用Angular cli创建Angular 2应用程序时。我的默认组件前缀是AppComponent的app-root。现在，当我将选择器更改为其他名称时，说“ abc-root” @Component({ selector: 'abc-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) vscode警告我， [tslint] The selector of the component "AppComponent" should have prefix "app"

142 angular 

我已经读过，引导时的注入应该让所有子节点共享同一个实例，但是我的主要和标头组件（主应用程序包括标头组件和路由器出口）都分别获得了我的服务的单独实例。 我有一个FacebookService和一个使用FacebookService的UserService，可以用来调用facebook javascript api。这是我的引导程序： bootstrap(MainAppComponent, [ROUTER_PROVIDERS, UserService, FacebookService]); 从我的记录看来，引导调用完成了，然后我看到在运行每个构造函数中的代码（MainAppComponent，HeaderComponent和DefaultComponent）之前先创建了FacebookService，然后创建了UserService：

142 angular  typescript  angular2-routing  angular2-services 

我有使用Angular-CLI（beta 20）构建的Angular2项目。 有没有一种方法可以仅对一个选定的规格文件运行测试？ 我曾经有一个基于Angular2快速入门的项目，并且可以手动将规格添加到jasmine文件中。但是我不知道如何在业力测试之外进行设置，或者如何使用Angular-CLI构建将业力测试限制在特定文件中。

142 angular  jasmine  angular-cli 

我正在使用带有散列分配策略的angular 2。 该组件已加载该路由： "departments/:id/employees" 到目前为止还好。 在成功批量保存多个已编辑表行之后，我想通过以下方式重新加载当前路由网址： this.router.navigate([`departments/${this.id}/employees`]); 但是什么也没发生，为什么呢？

141 angular 

我想用angular cli创建一个angular 2应用 我已经在cmd中写过： npm安装angular-cli -g 然后： ng firstngapp 但是当我写npm start时它告诉我一个错误！ 我不明白这个问题

140 angular  npm  angular-cli 

在Angular 1.x中，我可以执行以下操作来创建基本上不执行任何操作的链接： <a href="">My Link</a> 但是，相同的标签会导航到Angular 2中的应用程序库。与Angular 2中的标签等效吗？ 编辑：它看起来像是Angular 2路由器中的错误，现在在github上有一个关于此的公开问题。 我正在寻找一种开箱即用的解决方案或确认没有任何解决方案。

140 angular  routing  angular2-routing  angular-router 

当我发出发布请求时，Angular 2 http没有发送此请求 this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()) http帖子不会发送到服务器，但是如果我发出这样的请求 this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()).subscribe(r=>{}); 这是故意的，如果有人可以解释我为什么？还是一个错误？

140 angular  angular2-http 

我受命从最近已经离开公司的其他开发人员那里获取一些混乱的代码。 我很好奇，是否有一些Visual Studio Code插件或其他手段可以帮助我们快速有效地整理和整理导入和引用？ 例如，可能有数百个这样的进口 import { AutoCompleteModule,InputSwitchModule } from 'primeng/primeng'; import { ListboxModule } from 'primeng/primeng'; 可以类似地转换为 import { AutoCompleteModule, InputSwitchModule, ListboxModule } from 'primeng/primeng'; 还是其他功能，例如自动从app.module或整个项目的所有组件中删除那些未使用的导入和声明？ 感谢您的任何反馈！

139 angular  visual-studio-code