Questions tagged «angular»

我真的很难在Angular 2应用程序中创建全局变量。 在过去的3个小时中，我已经在Google上搜索并阅读了关于StackOverflow的许多帖子，但是似乎我无法使其正常运行。我真的希望您能为我提供帮助，对于这个问题，我深表歉意。 因此，我有一个名为globals.ts的文件，如下所示： import { Injectable } from "@angular/core"; @Injectable() export class Globals { var role = 'test'; } 我想在组件的HTML视图中使用变量角色，如下所示： {{ role }} 我已经通过以下方式将globals.ts文件添加到我的app.module.ts中： providers: [ Globals ], 不管我对该文件做了什么，它都没有用。我不想做的是必须手动在每个组件中导入globals.ts文件，这就是为什么我要使用提供程序功能。 我真的希望您能帮助我，再次对不起。 最好的祝福， 自动曝光

115 angular  typescript 

正如Angular 6在这里一样，我想将我的angular 5客户端应用程序升级或移动到angular 6，但是我没有任何教程或任何可以指导我的教程。 据我说，我只需要运行一个新的Angular CLI，然后将旧的源代码移到新项目中即可。我读到Angular 6正在使用一个名为Ivy的新渲染器。我是否需要根据常春藤更改项目？

114 angular  migration  upgrade  angular-ivy 

我有一个数据服务，看起来像这样： @Injectable() export class DataService { baseUrl = 'http://localhost' constructor( private httpClient: HttpClient) { } get(url, params): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'get', null, params) .map((res) => { return res as Object }) .toPromise(); } post(url, body): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'post', body) .map((res) => { return …

114 angular  angular-httpclient 

在这种情况下，我使用ngFor以下命令在视图中显示学生列表（数组）： <li *ngFor="#student of students">{{student.name}}</li> 每当我将其他学生添加到列表中时，它都会更新，这真是太好了。 然而，当我给它一个pipe到filter由学生的名字， <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> 在我过滤学生姓名字段中输入内容之前，它不会更新列表。 这里是plnkr的链接。 Hello_world.html <h1>Students:</h1> <label for="newStudentName"></label> <input type="text" name="newStudentName" placeholder="newStudentName" #newStudentElem> <button (click)="addNewStudent(newStudentElem.value)">Add New Student</button> <br> <input type="text" placeholder="Search" #queryElem (keyup)="0"> <ul> <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> </ul> sort_by_name_pipe.ts import {Pipe} from 'angular2/core'; @Pipe({ …

113 angular  angular2-template  angular2-directives  angular-pipe 

我是一个后端开发人员，并且正在玩Angular4。所以我做了这个安装教程：https : //www.youtube.com/watch?v=cdlbFEsAGXo。 鉴于此，我如何向应用程序添加引导程序，以便可以使用类“ container-fluid”或“ col-md-6”之类的东西？

113 twitter-bootstrap  angular 

我知道在angular2中，我可以禁用具有[disable]属性的按钮 ，例如： <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> 但是我可以使用[ngClass]或做[ngStyle]吗？像这样： <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> 谢谢。

113 html  angular  angular2-template  angular2-forms 

RE：Angular2 2.0.0，angular-cli v1.0.0-beta.11-webpack.8 如何在构建时告诉angular-cli在“ dist”的根目录中包含来自“ src / assets”的文件？ 我们部署到Windows主机，需要包含一个“ web.config”文件来告诉IIS将所有内容路由到索引。我们在RC4之前就已经进行了此操作，但是由于所有更新，它都陷入了裂缝（我不记得我们是如何做到的）。 我一直在搜索GitHub存储库文档，但没有发现有关此主题的任何用处。也许我在错误的地方？ 在ToC中，有一个项目符号“向构建中添加其他文件”，但是似乎该节不存在。

113 angular  angular-cli 

我有一个Angular 2模块，在其中实现了路由，并希望在导航时存储状态。用户应该能够：1.使用搜索公式搜索文档2.导航到结果之一3.导航回到搜索结果-无需与服务器通信 这可能包括RouteReuseStrategy。问题是：如何实现不应存储该文档？ 因此，应该存储路由路径“ documents”的状态，而不应该存储路由路径“ documents /：id”的状态？

113 javascript  angular  typescript  angular-ui-router 

我注意到，如果我禁用了Angular 2反应形式上的控件，则该控件不会包含在form.value中。例如，如果我定义如下形式： this.notelinkingForm = new FormGroup({ Enabled: new FormControl(settings.Enabled, Validators.required), LinkToPreceeding: new FormControl({value: settings.LinkToPreceeding, disabled: !settings.Enabled}, Validators.required), LinkingTolerance: new FormControl({value: settings.LinkingTolerance, disabled: !settings.Enabled}, Validators.required) }); 并检查this.notelinkingForm.value，如果所有控件都启用，则输出为： {"Enabled":true, "LinkToPreceeding": true, LinkingTolerance:"100"} 但是，当某些控件被禁用时，它将是： {"Enabled":true} 注意如何禁用禁用的控件。 我的意图是，当表单更改时，我希望能够将form.value及其所有属性传递给其余的API。如果其中不包含禁用的项目，则显然不可能。 我是否在这里缺少某些东西，或者这是预期的行为？有没有办法告诉Angular将禁用的项目包括在form.value中？ 欢迎您的想法。

113 angular  angular2-forms 

我知道如何使用EventEmitter引发事件。如果我有这样的组件，我还可以附加一个要调用的方法： <component-with-event (myevent)="mymethod($event)" /> 当我拥有这样的组件时，一切都很好。我将一些逻辑转移到服务中，并且需要从服务内部引发一个事件。我所做的是： export class MyService { myevent: EventEmitter = new EventEmitter(); someMethodThatWillRaiseEvent() { this.myevent.next({data: 'fun'}); } } 我有一个组件需要根据此事件更新一些值，但我似乎无法使其工作。我试过的是： //Annotations... export class MyComponent { constructor(myService: MyService) { //myService is injected properly and i already use methods/shared data on this. myService.myevent.on(... // 'on' is not a method <-- not …

112 javascript  angular 

如何在Angular2中检测到onBlur事件？我想用它 <input type="text"> 谁能帮助我了解如何使用它？

112 javascript  angular  onblur 

我试图通过单击一个按钮导航到另一个页面，但是它无法正常工作。可能是什么问题呢。我现在正在学习角度2，现在对我来说有点困难。 //Routes/Path in a folder call AdminBoard export const AdminRoutes: Routes =[ { path: 'dashboard', component: AdminComponent, children: [ {path: '', redirectTo: 'Home'}, {path: 'Home', component: HomeComponent}, {path: 'Service', component: ServiceComponent}, {path: 'Service/Sign_in', component:CustomerComponent} ] } ]; //Button is also in a different folder. Click button to navigate to this …

112 angular 

我想将angular-cli与asp.net核心一起使用，我需要知道如何更改dist 文件夹的路径

112 angular  angular-cli 

我正在使用Angular 2，Google Maps等创建房地产网站，并且当用户更改地图中心时，我对API进行搜索，以指示地图的当前位置以及半径。问题是，我想在不重新加载整个页面的情况下将这些值反映在url中。那可能吗？我已经找到了一些使用AngularJS 1.x的解决方案，但是关于Angular 2却一无所获。

112 javascript  angular  routes  angular2-routing 

我正在将TypeScript版本2用于Angular 2组件代码。 我收到以下代码的错误“类型'EventTarget'上不存在属性'值'”，这可能是解决方案。谢谢！ e.target.value.match（/ \ S + / g）|| []）。长度 import { Component, EventEmitter, Output } from '@angular/core'; @Component({ selector: 'text-editor', template: ` <textarea (keyup)="emitWordCount($event)"></textarea> ` }) export class TextEditorComponent { @Output() countUpdate = new EventEmitter<number>(); emitWordCount(e: Event) { this.countUpdate.emit( (e.target.value.match(/\S+/g) || []).length); } }

112 angular  typescript