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

私はいくつかのシードプロジェクトを見てきましたが、すべてのコンポーネントには、そのコンポーネントから*をエクスポートするindex.tsがあるようです。実際に使用されている場所がどこにもありませんか？ 例：https : //github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome ありがとう

132 angular 

私のコードの一部： import {Injectable} from 'angular2/core'; import {Http, Headers, Request, Response} from 'angular2/http'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/operator/map'; @Injectable() export class myClass { constructor(protected http: Http) {} public myMethod() { let request = new Request({ method: "GET", url: "http://my_url" }); return this.http.request(request) .map(res => res.json()) .catch(this.handleError); // Trouble line. // …

132 http  typescript  angular  observable 

更新：2018年12月（「Aniket」の回答を参照） Angular CLI 6を使用する場合は、ng排出が非推奨であり、8.0で間もなく削除されるため、ビルダーを使用する必要があります。 更新：2018年6月：Angular 6はngの取り出しをサポートしていません** 更新：2017年2月：NGイジェクトを使用 更新：2016年11月：angular-cliはwebpackのみを使用するようになりました。通常はnpm install -g angular-cliを使用してインストールするだけです。「私たちはビルドシステムをbeta.10とbeta.14の間でSystemJSからWebpackに変更しました。」しかし、実際には構造とフォルダーの最初だけにangular-cliを使用し、その後、手動でwebpack configを使用しています 私はこれでangular cliをインストールしました： npm install -g angular-cli@webpack angular1とweb packを使用していたときに、「webpack.config.js」ファイルを変更してすべてのタスクとプラグインを実行していましたが、angular-cliを使用して作成されたこのプロジェクトで、誰が機能するのかわかりません。魔法です？ 私が行うときにWebpackが機能しているのがわかります： ng serve "Version: webpack 2.1.0-beta.18" しかし、私はangular-cli構成が機能する方法を理解していません...

132 angular  webpack  angular-cli 

私はAngular2の新人です。コンポーネントを作成しようとしましたが、エラーが表示されました。 これがapp.component.tsファイルです。 import { Component } from '@angular/core'; import { MyComponentComponent } from './my-component.component'; @Component({ selector: 'my-app', template: ` <h1>Hello {{name}}</h1> <h4>Something</h4> <my-component></my-component> `, directives: [MyComponentComponent] }) export class AppComponent { name = 'Sam' } これは私が作成したいコンポーネントです。 import { Component } from '@angular/core'; @Component({ selector: 'my-component', template: ` <p>This is my …

132 angular  typescript 

これは簡単なことのようですが、解決策は見つかりませんでした。 では、アプリがプロダクションモードと開発モードのどちらで実行されているかを確認するにはどうすればよいですか？

131 angular  production 

に依存するIonicアプリ（2.0.0-rc0）に取り組んでいますangular 2。の新しい紹介ngModulesが含まれています。app.module.ts.以下を追加します。 import { NgModule } from '@angular/core'; import { IonicApp, IonicModule } from 'ionic-angular'; import { MyApp } from './app.component'; import { Users } from '../pages/users/users'; @NgModule({ declarations: [ MyApp, Users ], imports: [ IonicModule.forRoot(MyApp) ], bootstrap: [IonicApp], entryComponents: [ MyApp, Users ] }) export class AppModule {} entryComponentsここで何をしますか？Componentsはすでにで定義されていdeclarationsます。それで、それらを繰り返す必要性は何ですか？ここにコンポーネントを含めないとどうなりますか？

131 angular  angular-components  angular-module 

コンポーネントとサービスがあります： 成分： export class WebUserProfileViewComponent { persons: Person []; personId: number; constructor( params: RouteParams, private personService: PersonService) { this.personId = params.get('id'); this.persons = this. personService.getPersons(); console.log(this.personId); } } コードスニペットを実行するHide resultsスニペットを展開 サービス： @Injectable() export class PersonService { getPersons(){ var persons: Person[] = [ {id: 1, firstName:'Hans', lastName:'Mustermann', email: 'mustermann@test.com', company:'Test', country:'DE'}, …

131 angular  typescript  angular2-services 

私のAngularアプリにはコンポーネントがあります： import { MakeService } from './../../services/make.service'; import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-vehicle-form', templateUrl: './vehicle-form.component.html', styleUrls: ['./vehicle-form.component.css'] }) export class VehicleFormComponent implements OnInit { makes: any[]; vehicle = {}; constructor(private makeService: MakeService) { } ngOnInit() { this.makeService.getMakes().subscribe(makes => { this.makes = makes console.log("MAKES", this.makes); }); } …

131 javascript  angular  typescript 

ng serveコマンドでangular-cliを使用して、デフォルトのポートを指定して、--port毎回手動でフラグを渡す必要がないようにするにはどうすればよいですか？ デフォルトのポート4200から変更したい。

130 angular  angular-cli 

Angular 2 Alpha 28でいくつかのことをしようとしていますが、辞書とNgForに問題があります。 TypeScriptのインターフェイスは次のようになっています。 interface Dictionary { [ index: string ]: string } JavaScriptでは、これは、データを含む次のようなオブジェクトに変換されます。 myDict={'key1':'value1','key2':'value2'} 私はこれを繰り返して、これを試しました： <div *ngFor="(#key, #value) of myDict">{{key}}:{{value}}</div> しかし、無駄に、以下のどれもうまくいきませんでした： <div *ngFor="#value of myDict">{{value}}</div> <div *ngFor="#value of myDict #key=index">{{key}}:{{value}}</div> すべてのケースで、「予期しないトークン」または「「iterableDiff」パイプサポートオブジェクトが見つかりません」などのエラーが発生します。 ここで何が欠けていますか？これはもう不可能ですか？（最初の構文はAngular 1.xで機能します）またはオブジェクトを反復するための構文は異なりますか？

130 angular 

クライアントにAngular 2を使用するエンタープライズアプリがあります。お客様ごとに独自のURL（例：https://our.app.com/customer-oneと）がありhttps://our.app.com/customer-twoます。現在、を<base href...>使用して動的に設定できますdocument.location。したがって、ユーザーはヒットhttps://our.app.com/customer-twoし<base href...>て/customer-two... に設定されます！ 問題は、たとえばユーザーがにいてhttps://our.app.com/customer-two/another-page、ページを更新するか、そのURLに直接アクセスしようとすると、<base href...>がに設定され/customer-two/another-page、リソースが見つからないことです。 私たちは次のことを試みましたが、役に立たなかった： <!doctype html> <html> <head> <script type='text/javascript'> var base = document.location.pathname.split('/')[1]; document.write('<base href="https://stackoverflow.com/' + base + '" />'); </script> ... 残念ながら、アイデアは新鮮です。どんな助けでも素晴らしいでしょう。

130 angular 

呼び出したいメソッドを持つ子コンポーネントを作成しました。 このメソッドを呼び出すと、console.log()行が起動されるだけで、testプロパティは設定されませんか？ 以下は、変更を加えたAngularアプリのクイックスタートです。 親 import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; @Component({ selector: 'my-app', template: ` <button (click)="submit()">Call Child Component Method</button> ` }) export class AppComponent { private notify: NotifyComponent; constructor() { this.notify = new NotifyComponent(); } submit(): void { // execute child component method …

130 angular  typescript  angular-components 

私はAngular 1の開発者で、Angular 2について学び始めています。トレーニング資料に応じて、さまざまな種類のフォルダー構造メソッドがあります。以下にそれぞれをリストアップします。私は、どちらを使用する必要があるのか​​、そしてその理由について人々の意見を得たいと思います。また、記載されていない方法がある場合でも、動作が良いと思われる場合は、遠慮なく記載してください。 これらすべてを見ると、メソッド＃3は、Angular 1アプリの実行方法とほぼ同じです。 方法1：angular2-quickstart 出典：https : //angular.io/guide/quickstart フォルダー構造： 方法2：ng-book2 出典：https : //www.ng-book.com/2/（ファイルを表示するには料金がかかります） フォルダー構造： 方法3：mgechev / angular2-seed 出典：https：//github.com/mgechev/angular2-seed フォルダー構造：

129 angular 

私はこれについて最初に尋ねるのではないことを知っていますが、前の質問で答えを見つけることができません。これは1つのコンポーネントにあります <div class="col-sm-5"> <laps [lapsData]="rawLapsData" [selectedTps]="selectedTps" (lapsHandler)="lapsHandler($event)"> </laps> </div> <map [lapsData]="rawLapsData" class="col-sm-7"> </map> コントローラでrawLapsdataは、時々変異します。 ではlaps、データは表形式のHTMLとして出力されます。これは変更するたびにrawLapsdata変更されます。 私のmapコンポーネントはngOnChanges、Googleマップでマーカーを再描画するためのトリガーとして使用する必要があります。問題はrawLapsData、親の変更時にngOnChangesが発生しないことです。私に何ができる？ import {Component, Input, OnInit, OnChanges, SimpleChange} from 'angular2/core'; @Component({ selector: 'map', templateUrl: './components/edMap/edMap.html', styleUrls: ['./components/edMap/edMap.css'] }) export class MapCmp implements OnInit, OnChanges { @Input() lapsData: any; map: google.maps.Map; ngOnInit() { ... } ngOnChanges(changes: { …

129 angular 

Angular Material Design 6では、（変更）メソッドが削除されました。ユーザーが選択を変更したときに、コンポーネント内のコードを実行するようにchangeメソッドを置き換える方法が見つかりませんThanks！

129 angular  angular6