タグ付けされた質問 「angular」

誰でもjQueryの使い方を教えてもらえますかしてアンギュラ？ class MyComponent { constructor() { // how to query the DOM element from here? } } クラスやIDを操作するような回避策があることを知っていますDOM要素のに、よりクリーンな方法を望んでいます。

343 jquery  angular 

AngularのHTTPに問題があります。 私はちょうどにしたいリストビューで表示されます。GETJSON サービスクラス 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-sassAngular-CLIの多くのコアコンポーネントがEmber-CLIモジュールで実行されているため、うまく機能するかどうかを確認するためにリポジトリを使用してみました。 それは機能しませんでしたが、私が何かを誤って設定しただけかどうか再びわかりません。 また、新しいAngularプロジェクトでスタイルを整理する最良の方法は何ですか？コンポーネントと同じフォルダにsassファイルがあると便利です。

329 angular  sass  angular-cli 

Angularコンポーネントにクラスをロードするときに問題が発生しました。私は長い間それを解決しようとしてきました。すべてを1つのファイルに結合することも試みました。私が持っているのは： Application.ts /// <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(); } …

326 typescript  angular  systemjs 

Angular 1はonchange()イベントを受け付けず、イベントのみを受け付けng-change()ます。 一方、Angular 2は両方(change)と(ngModelChange)イベントを受け入れますが、どちらも同じことをしているようです。 違いは何ですか？ どちらがパフォーマンスに最適ですか？ ngModelChange： <input type="text" pInputText class="ui-widget ui-text" (ngModelChange)="clearFilter()" placeholder="Find"/> 対変化： <input type="text" pInputText class="ui-widget ui-text" (change)="clearFilter()" placeholder="Find"/>

326 javascript  html  angular  typescript  angular-ngmodelchange 

角度クリでコンポーネントを作成しようとすると、このエラーが表示されます。どうすればそれを取り除くことができますか？ エラー：複数のモジュールが一致しています。skip-importオプションを使用して、最も近いモジュールへのコンポーネントのインポートをスキップします。 Angular CLIバージョンを使用しています：1.4.1

316 angular 

注： ここには多くの異なる答えがあり、そのほとんどは一度に有効でした。実際、Angularチームがルーターを変更したため、機能するものは何度も変更されました。最終的にAngular のルーターとなるルーター3.0バージョンは、これらのソリューションの多くを壊しますが、独自の非常にシンプルなソリューションを提供します。RC.3以降、推奨される解決策は[routerLinkActive]、この回答に示すように使用することです。 Angularアプリケーション（私がこれを書いている現在の2.0.0-beta.0リリース）では、現在アクティブなルートが何であるかをどのように判断しますか？ 私はBootstrap 4を使用するアプリに取り組んでおり、関連するコンポーネントが<router-output>タグに表示されているときにナビゲーションリンク/ボタンをアクティブとしてマークする方法が必要です。 ボタンの1つがクリックされたときに自分で状態を維持できることはわかっていますが、同じルートに複数のパスがある場合（メインナビゲーションメニューとメインコンポーネントのローカルメニューなど）はカバーされません）。 提案やリンクをいただければ幸いです。ありがとう。

312 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(); しかし、なぜ私は常にこのエラーに遭遇するのですか？私はそれを理解したいので、将来これらのハックな修正を避けることができます。

308 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(...); 私たちがしたいことは、これが複数のネットワーク要求を引き起こさないことを確認することです。 これは珍しいシナリオのように見えるかもしれませんが、実際には非常に一般的です。たとえば、呼び出し元がオブザーバブルをサブスクライブしてエラーメッセージを表示し、非同期パイプを使用してそれをテンプレートに渡す場合、すでに2つのサブスクライバーがあります。 RxJs 5でそれを行う正しい方法は何ですか？ つまり、これは正常に動作するようです： getCustomer() { return this.http.get('/someUrl').map(res => res.json()).share(); } しかし、これはRxJ 5でこれを行う慣用的な方法ですか、それとも代わりに何か他のことをする必要がありますか？ 注：Angular 5 newに従って、JSON結果がデフォルトで想定されるようになったため、すべての例HttpClientの.map(res => res.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 2アプリで、ページを下にスクロールしてページの下部にあるリンクをクリックすると、ルートが変更されて次のページが表示されますが、ページの上部にスクロールしません。その結果、1ページ目が長く、2ページ目が少ない場合、2ページ目が不足しているような印象になります。コンテンツが表示されるのは、ユーザーがページの上部にスクロールした場合のみです。 コンポーネントのngInitでウィンドウをページの上部にスクロールできますが、アプリ内のすべてのルートを自動的に処理できるより良い解決策はありますか？

296 angular  typescript  angular2-routing  angular2-template  angular2-directives