Questions tagged «angular»

谁能告诉我，如何使用jQuery的有角？ class MyComponent { constructor() { // how to query the DOM element from here? } } 我知道有一些变通方法，例如预先处理DOM元素的类或ID，但我希望有一种更干净的方法。

343 jquery  angular 

我在Angular中遇到HTTP问题。 我只想要GET一个JSON列表并在视图中显示它。 服务等级 import {Injectable} from "angular2/core"; import {Hall} from "./hall"; import {Http} from "angular2/http"; @Injectable() export class HallService { public http:Http; public static PATH:string = 'app/backend/' constructor(http:Http) { this.http=http; } getHalls() { return this.http.get(HallService.PATH + 'hall.json').map((res:Response) => res.json()); } } 在中，HallListComponent我getHalls从服务中调用方法： export class HallListComponent implements OnInit { public halls:Hall[]; …

334 angular  rxjs 

对于每个后续请求，我需要在用户登录后设置一些Authorization标头。 要为特定请求设置标题， import {Headers} from 'angular2/http'; var headers = new Headers(); headers.append(headerName, value); // HTTP POST using these headers this.http.post(url, data, { headers: headers }) // do something with the response 参考 但是以这种方式为每个请求手动设置请求头是不可行的。 用户登录后如何设置标头集，并在注销时也删除这些标头？

334 angular 

我EXCEPTION: No provider for Http!在Angular应用程序中获取了。我究竟做错了什么？ import {Http, Headers} from 'angular2/http'; import {Injectable} from 'angular2/core' @Component({ selector: 'greetings-ac-app2', providers: [], templateUrl: 'app/greetings-ac2.html', directives: [NgFor, NgModel, NgIf, FORM_DIRECTIVES], pipes: [] }) export class GreetingsAcApp2 { private str:any; constructor(http: Http) { this.str = {str:'test'}; http.post('http://localhost:18937/account/registeruiduser/', JSON.stringify(this.str), { headers: new Headers({ 'Content-Type': 'application/json' }) …

333 angular 

在AngularJS中，我可以使用类似于以下语法的服务和控制器内部使用过滤器（管道）： $filter('date')(myDate, 'yyyy-MM-dd'); 是否可以在Angular这样的服务/组件中使用管道？

331 angular 

我是Angular的新手，我来自Ember社区。尝试使用基于Ember-CLI的新Angular-CLI。 我需要知道在新的Angular项目中处理SASS的最佳方法。我尝试使用该存储ember-cli-sass库来查看它是否可以正常运行，因为Angular-CLI的许多核心组件都运行于Ember-CLI模块。 它没有用，但还是不确定我是否配置错误。 另外，在新的Angular项目中组织样式的最佳方法是什么？最好将sass文件放在与组件相同的文件夹中。

329 angular  sass  angular-cli 

Angular 1不接受onchange()事件，它仅接受ng-change()事件。 另一方面，Angular 2接受(change)和(ngModelChange)事件，两者似乎都在做相同的事情。 有什么不同？ 哪个最适合表现？ ngModelChange： <input type="text" pInputText class="ui-widget ui-text" (ngModelChange)="clearFilter()" placeholder="Find"/> vs 变化： <input type="text" pInputText class="ui-widget ui-text" (change)="clearFilter()" placeholder="Find"/>

326 javascript  html  angular  typescript  angular-ngmodelchange 

我在将类加载到Angular组件时遇到问题。我已经尝试解决很长时间了；我什至尝试将它们全部合并到一个文件中。我所拥有的是： 应用程序 /// <reference path="../typings/angular2/angular2.d.ts" /> import {Component,View,bootstrap,NgFor} from "angular2/angular2"; import {NameService} from "./services/NameService"; @Component({ selector:'my-app', injectables: [NameService] }) @View({ template:'<h1>Hi {{name}}</h1>' + '<p>Friends</p>' + '<ul>' + ' <li *ng-for="#name of names">{{name}}</li>' + '</ul>', directives:[NgFor] }) class MyAppComponent { name:string; names:Array<string>; constructor(nameService:NameService) { this.name = 'Michal'; this.names = nameService.getNames(); } …

325 typescript  angular  systemjs 

当我尝试在角度cli中创建组件时，它向我显示了此错误。我如何摆脱它？ 错误：多个模块匹配。使用skip-import选项可以跳过将组件导入到最近的模块中的操作。 我正在使用angular cli版本：1.4.1

316 angular 

注意： 这里有很多不同的答案，大多数答案一次或一次都有效。事实是，随着Angular团队更改了Router，有效的方法已经改变了很多次。最终将成为 Angular中的路由器的Router 3.0版本打破了许多这些解决方案，但提供了一个非常简单的解决方案。从RC.3开始，首选解决方案是使用此答案中[routerLinkActive]所示的方法。 在Angular应用程序中（我撰写本文时为2.0.0-beta.0版本中的当前版本），如何确定当前活动的路由是什么？ 我正在开发一个使用Bootstrap 4的应用程序，并且需要一种方法来在<router-output>标签中显示其关联组件时将导航链接/按钮标记为活动状态。 我意识到，当单击其中一个按钮时，我可以自己维护状态，但这不会涵盖将多条路径放入同一条路线的情况（例如主导航菜单以及主组件中的本地菜单） ）。 任何建议或链接将不胜感激。谢谢。

311 javascript  typescript  angular  angular2-routing 

请向我解释为什么我不断收到此错误： ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. 显然，我只在开发人员模式下获得它，它在我的生产版本中不会发生，但是这很烦人，我根本不理解在我的开发人员环境中出现错误并不会在产品上显示出来的好处- -可能是由于我缺乏了解。 通常，修复很容易，我将导致代码的错误包装在setTimeout中，如下所示： setTimeout(()=> { this.isLoading = true; }, 0); 或者使用以下构造函数强制检测更改constructor(private cd: ChangeDetectorRef) {}： this.isLoading = true; this.cd.detectChanges(); 但是，为什么我经常遇到这个错误？我想了解它，以便将来可以避免这些漏洞修复。

307 angular  angular2-changedetection  angular2-databinding 

通过使用Http，我们调用了一个方法，该方法进行网络调用并返回可观察到的http： getCustomer() { return this.http.get('/someUrl').map(res => res.json()); } 如果我们采取这种可观察的方法，并向其添加多个订阅者： let network$ = getCustomer(); let subscriber1 = network$.subscribe(...); let subscriber2 = network$.subscribe(...); 我们要做的是确保这不会引起多个网络请求。 这似乎是一种不寻常的情况，但实际上非常普遍：例如，如果调用者订阅了可观察对象以显示错误消息，并使用异步管道将其传递给模板，则我们已经有两个订阅者。 在RxJs 5中这样做的正确方法是什么？ 即，这似乎工作正常： getCustomer() { return this.http.get('/someUrl').map(res => res.json()).share(); } 但这是RxJs 5中惯用的方式吗？还是我们应该做其他事情呢？ 注意：根据Angular 5 new HttpClient，.map(res => res.json())所有示例中的部分现在都已无用，因为默认情况下现在假定JSON结果。

303 angular  rxjs  angular2-services  rxjs5 

如何知道我使用的是哪个版本的Angular？ 我努力了： angular --version angular --v angular -version angular -v 但是得到 -bash: angular: command not found 我知道yeoman --version我正在使用0.9.6 但是如何获得angularjs版本呢？

301 angularjs  angular 

我正在将Angular 4模板与webpack一起使用，当我尝试使用组件（ConfirmComponent）时出现此错误： 找不到用于ConfirmComponent的组件工厂。您是否将其添加到@ NgModule.entryComponents？ 该组件在中声明 app.module.server.ts @NgModule({ bootstrap: [ AppComponent ], imports: [ // ... ], entryComponents: [ ConfirmComponent, ], }) export class AppModule { } 我也有 app.module.browser.ts和app.module.shared.ts 我该如何解决？

300 angular  angular-webpack-starter 

我正在使用Angular 4，但在控制台中遇到错误： 无法绑定到“ ngModel”，因为它不是“ input”的已知属性 我该如何解决？

296 angular  typescript  angular-ngmodel  angular-forms