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

Angular 2にはmy-compというコンポーネントがあります。 <my-comp></my-comp> Angular 2でこのコンポーネントのホスト要素をどのようにスタイルするのですか？ Polymerでは、「：host」セレクターを使用します。Angular 2で試しましたが、うまくいきません。 :host { display: block; width: 100%; height: 100%; } コンポーネントをセレクターとして使用してみました： my-comp { display: block; width: 100%; height: 100%; } どちらのアプローチも機能していないようです。 ありがとう。

188 css  angular  css-selectors  angular-components 

私のワールドワイドinterweb周りに蛇行し、今特にでangular.ioスタイルのドキュメント、私はへの多くの参照を見つける@HostBindingと@HostListener。それらは非常に基本的なもののようですが、残念ながら現時点でのドキュメントは少し大ざっぱです。 誰もが彼らが何であるか、彼らがどのように機能するのか、そしてそれらの使用例を説明できますか？

188 angular  angular-services 

Angular 2-を使用して別のルートに移動する方法this.router.parent.navigate('/about')。 動作しないようです。location.go("/about");うまくいかなかったので試しました。 基本的に、ユーザーがログインしたら、別のページにリダイレクトしたいと思います。 以下は私のコードです： import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {Router} from 'angular2/router'; import {AuthService} from '../../authService'; //Model class User { constructor(public email: string, public password: string) {} } @Component({ templateUrl:'src/app/components/todo/todo.html', directives: [CORE_DIRECTIVES, FORM_DIRECTIVES] }) export class Todo { model = new User('Mark@gmail.com', 'Password'); authService:AuthService; …

186 angular  typescript  angular2-routing 

私はビデオを見たり記事を読んだりしてきましたが、この特定の記事は、記事の冒頭にあるように私をとても混乱させます Angularのアプリケーションはモジュール構造に従います。Angularアプリには、それぞれが単一の目的に特化した多くのモジュールが含まれます。通常、モジュールは、Angularアプリを実行するために他のモジュールと統合されたコードのまとまりのあるグループです。 モジュールは、コードからいくつかのクラス、関数、値をエクスポートします。コンポーネントはAngularの基本的なブロックであり、複数のコンポーネントがアプリケーションを構成します。 モジュールは、別のモジュールのライブラリにすることができます。たとえば、主要なAngularライブラリモジュールであるangular2 / coreライブラリは、別のコンポーネントによってインポートされます。 それらは交換可能な条件ですか？コンポーネントはモジュールですか？しかし、逆ではないのですか？

186 angular  module  components 

見るとangular2コード例では、我々は$記号でいくつかのパブリックプロパティを参照してください。 <....> private missionAnnouncedSource = new Subject<string>(); private missionConfirmedSource = new Subject<string>(); // Observable string streams missionAnnounced$ = this.missionAnnouncedSource.asObservable(); missionConfirmed$ = this.missionConfirmedSource.asObservable(); <....> 誰でも説明できますか： なぜ$が使用されるのですか（この表記の背後にある理由は何ですか？常にこれをパブリックプロパティに使用します）？ パブリックプロパティは使用されますが、メソッドは使用されません（たとえば、missionAnnouncements（）、missionConfirmations（））-繰り返しますが、これはng2アプリの規約ですか？ これに関する公式のスタイルガイドには何もないようです？

185 angular 

私たちは自社で独自のフォームフィールドコンポーネントを構築しようとしています。マテリアルデザインのコンポーネントを次のようにラップしようとしています。 フィールド： <mat-form-field> <ng-content></ng-content> <mat-hint align="start"><strong>{{hint}}</strong> </mat-hint> <mat-hint align="end">{{message.value.length}} / 256</mat-hint> <mat-error>This field is required</mat-error> </mat-form-field> テキストボックス： <field hint="hint"> <input matInput [placeholder]="placeholder" [value]="value" (change)="onChange($event)" (keydown)="onKeydown($event)" (keyup)="onKeyup($event)" (keypress)="onKeypress($event)"> </field> 使用法： <textbox value="test" hint="my hint"></textbox> これにより、おおよそ次のようになります。 <textbox placeholder="Personnummer/samordningsnummer" value="" ng-reflect-placeholder="Personnummer/samordningsnummer"> <field> <mat-form-field class="mat-input-container mat-form-field> <div class="mat-input-wrapper mat-form-field-wrapper"> <div class="mat-input-flex mat-form-field-flex"> <div class="mat-input-infix …

185 angular  angular-material2 

Angular2のローカルホスト外へのアクセスを許可するにはどうすればよいですか？でlocalhost:3030/panel簡単にナビゲートできますが、などのIPを作成するとナビゲートできません10.123.14.12:3030/panel/。 修正方法を教えてもらえますか？npm（node project manage-node install / node start）を使用してプロジェクトをインストールおよび実行していません。 あなたがしたい場合、私は提供することができますpackage.jsonとindex.html。

184 angular  typescript  ng-build 

私は関連する質問を読んでいて、これを見つけましたが、私の質問は、開発モードからプロダクションモードに切り替える方法です。ここで指摘されているモードにはいくつかの違いがあります。 コンソールで....Call enableProdMode() to enable the production mode.確認できますが、そのメソッドを呼び出す必要がある型のインスタンスがわかりません。 誰かがこの質問に答えられますか？

182 angular 

Angular 2でコンポーネントの再レンダリングを強制する方法は？Reduxでのデバッグ目的で、コンポーネントにビューの再レンダリングを強制したいのですが、それは可能ですか？

181 angular  angular2-changedetection 

これが私のコードです： import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http'; logIn(username: string, password: string) { const url = 'http://server.com/index.php'; const body = JSON.stringify({username: username, password: password}); const headers = new HttpHeaders(); headers.set('Content-Type', 'application/json; charset=utf-8'); this.http.post(url, body, {headers: headers}).subscribe( (data) => { console.log(data); }, (err: HttpErrorResponse) => { if (err.error instanceof Error) …

181 angular  http-headers  angular-httpclient 

私は（MVCを置き換えるために）angular2クライアントを開発しているWebApi / MVCアプリを持っています。Angularがファイルを保存する方法を理解するのに問題があります。 リクエストは問題ありません（MVCで正常に動作し、受信したデータをログに記録できます）が、ダウンロードしたデータを保存する方法がわかりません（私はこの投稿と同じロジックに従っています）。私はそれが愚かなほど単純であると確信していますが、今のところそれを単に把握していません。 コンポーネント関数のコードは以下のとおりです。私はブロブの方法は、私の知る限り理解されるように移動するための方法である必要があり、別の選択肢を試してみたが、機能はありませんcreateObjectURLでURL。URLウィンドウ内での定義を見つけることさえできませんが、明らかに存在しています。FileSaver.jsモジュールを使用すると、同じエラーが発生します。これは最近変更されたか、まだ実装されていないものだと思います。A2でファイルの保存をトリガーするにはどうすればよいですか？ downloadfile(type: string){ let thefile = {}; this.pservice.downloadfile(this.rundata.name, type) .subscribe(data => thefile = new Blob([data], { type: "application/octet-stream" }), //console.log(data), error => console.log("Error downloading the file."), () => console.log('Completed file download.')); let url = window.URL.createObjectURL(thefile); window.open(url); } 完全を期すために、データをフェッチするサービスを以下に示しますが、サービスが実行するのは、要求を発行し、成功した場合はマッピングせずにデータを渡すことだけです。 downloadfile(runname: string, type: string){ return this.authHttp.get( this.files_api + …

181 angular  typescript  download  fileapi 

とにかくrouter.navigateを使用してパラメーターとしてデータを送信しますか？つまり、この例のように、ルートにデータパラメータがあることがわかりますが、これを行っても機能しません。 this.router.navigate(["heroes"], {some-data: "othrData"}) some-dataは有効なパラメーターではないためです。どうやってやるの？queryParamsでパラメーターを送信したくありません。

181 angular  routing  angular-router 

Angular 2ルートにオプションのルートパラメーターを含めることは可能ですか？RouteConfigでAngular 1.x構文を試しましたが、以下のエラーを受け取りました： "元の例外：パス" / user /：id？ "に"？ "が含まれていますが、これはルート構成では許可されていません。" @RouteConfig([ { path: '/user/:id?', component: User, as: 'User' }])

180 javascript  angular 

Angular 5.0.3を使用していますが、のような一連のクエリパラメータでアプリケーションを起動したいと思います/app?param1=hallo&param2=123。Angular 2でURLからクエリパラメータを取得する方法で与えられたすべてのヒント？私にはうまくいきません。 クエリパラメータを機能させる方法はありますか？ private getQueryParameter(key: string): string { const parameters = new URLSearchParams(window.location.search); return parameters.get(key); } このプライベート関数はパラメーターを取得するのに役立ちますが、新しいAngular環境では適切な方法ではないと思います。 [更新：]私のメインアプリは次のようになります @Component({...}) export class AppComponent implements OnInit { constructor(private route: ActivatedRoute) {} ngOnInit(): void { // would like to get query parameters here... // this.route... } }

180 angular  typescript  angular-routing 

私は角度2を学習しており、初めて角度CLIプロジェクトを使用してサンドボックスプロジェクトを作成しています。 「ng serve」コマンドを実行できました。実行を停止したかったので、「Control Z」を実行しました。 「ng-serve」コマンドをもう一度実行しようとすると、「ポート4200はすでに使用されています」と表示されます。 「PS」を実行してPIDのリストを取得し、angular-cliのPIDを強制終了し、「ng-serve」を再度実行しても、同じポートの使用中エラーが発生します。

179 angular