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

入力する必要がないように、構成ファイルでホストとポートを設定できるかどうかを知りたい ng serve --host foo.bar --port 80 ただの代わりに ng serve

166 angular  angular-cli 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 3年前休業。 この質問を改善する 私はいくつかの変数がどこでもアクセスできるようにしたいと思いAngular 2におけるTypescript言語。これを達成するにはどうすればよいですか？

164 typescript  angular 

私はiframe src属性の設定を含むチュートリアルに取り組んでいます： <iframe width="100%" height="300" src="{{video.url}}"></iframe> これは例外をスローします： Error: unsafe value used in a resource URL context at DomSanitizationServiceImpl.sanitize... 私はすでにバインディングを使用してみました[src]が、成功しませんでした。

164 angular 

これが私がfruit.tsに持っているものです export type Fruit = "Orange" | "Apple" | "Banana" 今度は別のtypescriptファイルでfruit.tsをインポートしています。ここに私が持っているものがあります myString:string = "Banana"; myFruit:Fruit = myString; 私がする時 myFruit = myString; エラーが発生します： タイプ 'string'はタイプ '"Orange"に割り当てることができません| 「アップル」| "バナナ"' カスタム型Fruitの変数に文字列を割り当てるにはどうすればよいですか？

161 javascript  typescript  angular 

クエリパラメータを渡したいのですがprop=xxx。 これはうまくいきませんでした <a [routerLink]="['/somepath', {queryParams: {prop: 'xxx'}}]>Somewhere</a>

161 angular  angular2-routing 

基本コンポーネントは変更される可能性があり、これらの変更が派生コンポーネントにも反映されることを望んでいるため、Angular 2にすでにデプロイされている一部のコンポーネントの拡張をほぼ完全に書き直す必要なく作成したいと思います。 私はこの簡単な例を作成して、私の質問をよりよく説明しようとしました： 次の基本コンポーネントでapp/base-panel.component.ts： import {Component, Input} from 'angular2/core'; @Component({ selector: 'base-panel', template: '<div class="panel" [style.background-color]="color" (click)="onClick($event)">{{content}}</div>', styles: [` .panel{ padding: 50px; } `] }) export class BasePanelComponent { @Input() content: string; color: string = "red"; onClick(event){ console.log("Click color: " + this.color); } } あなたは、例えばのみALTER派生する別の成分、例えば、色の場合の基本的なコンポーネントの動作を作成したいと思いますapp/my-panel.component.ts： import {Component} from 'angular2/core'; import …

160 angular  typescript  inheritance  angular-directive 

AngularJSでは、ng-modelオプションを使用してモデルをデバウンスできます。 ng-model-options="{ debounce: 1000 }" Angularでモデルをデバウンスするにはどうすればよいですか？ドキュメントでデバウンスを検索しようとしましたが、何も見つかりませんでした。 https://angular.io/search/#stq=debounce&stp=1 解決策は、たとえば次のような独自のデバウンス関数を作成することです。 import {Component, Template, bootstrap} from 'angular2/angular2'; // Annotation section @Component({ selector: 'my-app' }) @Template({ url: 'app.html' }) // Component controller class MyAppComponent { constructor() { this.firstName = 'Name'; } changed($event, el){ console.log("changes", this.name, el.value); this.name = el.value; } firstNameChanged($event, first){ if (this.timeoutId) …

160 javascript  angular 

このエラーが発生しています Angular Compilerのエラーには、TypeScript> = 3.1.1および<3.2.0が必要ですが、代わりに3.2.1が見つかりました。 Typescriptが更新されたようですが、Angular Compilerはそうではありません。 どうすれば修正できますか？

159 angular  typescript  npm  angular-cli 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善したいですか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 4年前休業。 この質問を改善する 数か月前、私はAngularを学ぶことにしました。少し進んでそれを使用してアプリを作成していたとき、Angular 2が開発者プレビューになっていることに気付いたので、リリースされるのは時間の問題です。Angular 2はAngular 1と​​互換性がなく、多くの変更があるため、問題は、Angular 1.xで開発を続けるのか、Angular 2の開発を始めるのが良いのかということです。 常に最新バージョンや最新の言語を使用する必要はないのは事実ですが、この場合、アプリはまだ小さいので問題なく変更できます。

159 angularjs  angular 

端末コマンドng serverまたはを実行すると、ng serve --live-reload=true次の問題が発生します。 serveコマンドは、Angularプロジェクトで実行する必要がありますが、プロジェクト定義が見つかりませんでした。

158 angular  angular5  angular-cli 

Typescript列挙型は、Angular2のngSwitchディレクティブと自然に一致するようです。しかし、コンポーネントのテンプレートで列挙型を使用しようとすると、「undefined in ...のプロパティ 'xxx'を読み取れません」と表示されます。コンポーネントテンプレートで列挙値を使用するにはどうすればよいですか？ これは、列挙型（ngFor）のすべての値に基づいてHTML選択オプションを作成する方法とは異なることに注意してください。この質問は、列挙型の特定の値に基づくngSwitchに関するものです。列挙型へのクラス内部参照を作成する同じアプローチが表示されますが。

158 typescript  angular 

私はAngular2の新しいフォームAPIについて読んでいますが、フォームには2つのアプローチがあるようです。1つはテンプレート駆動フォームで、もう1つは反応フォームまたはモデル駆動フォームです。 （明らかに）構文の違いではなく、2つの実際的な使用方法の違いを知りたいのですが、実際の使用方法と、さまざまなシナリオでどちらのアプローチがよりメリットがあるかを知りたいと思います。また、どちらか一方を選択するとパフォーマンスが向上しますか？そして、もしそうなら、なぜですか？

157 angular  angular2-forms 

ng serve Angularプロジェクトを開発サーバー経由で提供する npm startパッケージの「scripts」オブジェクトの「start」プロパティで指定された任意のコマンドを実行します。「スクリプト」オブジェクトで「開始」プロパティが指定されていない場合、ノードserver.jsが実行されます。 ng serve組み込みサーバーをnpm start起動するのに対し、ノードサーバーを起動するようです。 誰かがそれに光を当てることはできますか？

157 angular  angular-cli 

Typescriptコード： import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService { constructor() { } getHeroes(): Observable<Hero[]> { return of(HEROES); } } エラー情報： …

156 angular  typescript  rxjs  angular6  rxjs6 

Angular 2テンプレート内で奇妙な代入構文に出くわしました。 <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> と思われるlet-colとlet-car="rowData"二つの新しい変数を作成colし、carそれは、テンプレート内部にバインドすることができます。 ソース：https : //www.primefaces.org/primeng/#/datatable/templating この魔法のlet-*構文は何と呼ばれていますか？ それはどのように機能しますか？ 違いは何であるlet-somethingとはlet-something="something else"？

155 angular  angular2-template  primeng