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

Angular 2で動的フォームを実装しようとしています。動的フォームに削除やキャンセルなどの機能を追加しました。私はこのドキュメントに従いました：https : //angular.io/docs/ts/latest/cookbook/dynamic-form.html コードに変更を加えました。ここでエラーが発生します。 このエラーを解消するにはどうすればよいですか？ 完全なコードはhttp://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=previewにあります。これは、plunkerでは機能しますが、ローカルシステムでは機能しません。 HTMLコード： <div> <form [formGroup]="form"> <div *ngFor="let question of questions" class="form-row"> <label [attr.for]="question.key">{{question.label}}</label> <div [ngSwitch]="question.controlType"> <input *ngSwitchCase="'textbox'" [formControlName]="question.key" [id]="question.key" [type]="question.type" [(ngModel)]="question.value"> <select [id]="question.key" [(ngModel)]="question.value" *ngSwitchCase="'dropdown'" [formControlName]="question.key" > <option *ngFor="let opt of question.options" [ngValue]="opt.key" >{{opt.value}}</option> </select> <input *ngSwitchCase="'checkbox'" [(ngModel)]="question.value" [id]="question.key" [type]="question.type" (change)="question.value = ck.checked" #ck …

178 forms  angular  angular2-template  angular2-forms 

私はそのコンポーネントにAngular2コンポーネントを持っていますが、それは現在そのプロパティへのバインドを可能にするためにそれらの前に@Input（）が適用されているたくさんのフィールドを持っています、すなわち @Input() allowDay: boolean; 私がやりたいのは、実際にはget / setを使用してプロパティにバインドすることです。これにより、次のような他のロジックをセッターで実行できます。 _allowDay: boolean; get allowDay(): boolean { return this._allowDay; } set allowDay(value: boolean) { this._allowDay = value; this.updatePeriodTypes(); } Angular2でこれをどのように行うのですか？ Thierry Templierの提案に基づいて変更しましたが、既知のネイティブプロパティではないため、「allowDayにバインドできません」というエラーがスローされます。 //@Input() allowDay: boolean; _allowDay: boolean; get allowDay(): boolean { return this._allowDay; } @Input('allowDay') set allowDay(value: boolean) { this._allowDay = value; this.updatePeriodTypes(); }

178 angular 

フォルダー名、.css、.ts、spec.ts、app.module.tsなどのすべてのコンポーネントファイルを手動で編集する以外に、Angular CLIでコンポーネントの名前を変更するショートカットはありますか？

177 angular  angular-cli  rename  angular-components 

角度をインストールした後、活字体のコンパイラが見つからないといういくつかのエラーを得続けるPromise、Map、SetとIterator。 今までは無視しましたがPromise、コードが機能するために必要です。 import {Component} from 'angular2/core'; @Component({ selector: 'greeting-cmp', template: `<div>{{ asyncGreeting | async}}</div>` }) export class GreetingCmp { asyncGreeting: Promise<string> = new Promise(resolve => { // after 1 second, the promise will resolve window.setTimeout(() => resolve('hello'), 1000); }); } Additional information: npm -v is 2.14.12 node -v is v4.3.1 …

176 javascript  angular  typescript 

Angular 2で完全に外部のURLにユーザーをリダイレクトする方法は何ですか。たとえば、認証のためにユーザーをOAuth2サーバーにリダイレクトする必要がある場合、どうすればよいですか？ Location.go()、Router.navigate()、およびRouter.navigateByUrl()角度2アプリ内の他のセクション（ルート）にユーザーを送信するための罰金ですが、私は彼らが外部のサイトにリダイレクトするために使用する方法を見ることができませんか？

175 redirect  angular  angular2-routing 

Angular 2のブール変数に依存する要素を隠したり表示したりするのに問題があります。 これは、divが表示および非表示にするコードです。 <div *ngIf="edited==true" class="alert alert-success alert-dismissible fade in" role="alert"> <strong>List Saved!</strong> Your changes has been saved. </div> 変数は「編集」され、コンポーネントに格納されます。 export class AppComponent implements OnInit{ (...) public edited = false; (...) saveTodos(): void { //show box msg this.edited = true; //wait 3 Seconds and hide setTimeout(function() { this.edited = false; …

174 typescript  angular 

これは私を混乱させています、私は銃の下にあり、これに丸一日を費やす余裕はありません。 コンポーネント内でコントロール値（「dept」）を手動で設定しようとしていますが、それが機能していません。新しい値でも適切にコンソールに記録されます。 次に、FormBuilderインスタンスを示します。 initForm() { this.form = this.fb.group({ 'name': ['', Validators.required], 'dept': ['', Validators.required], 'description': ['', Validators.required], }); } これは、選択したdeptを受け取るイベントハンドラです。 deptSelected(selected: { id: string; text: string }) { console.log(selected) // Shows proper selection! // This is how I am trying to set the value this.form.controls['dept'].value = selected.id; } フォームが送信されてログアウトしてもthis.form、フィールドは空白のままです！他のpplの使用を見たことupdateValue()がありますが、これはbeta.1であり、それをコントロールで呼び出す有効なメソッドとは見なしません。 私もupdateValueAndValidity()成功しないで呼び出してみました:(。 …

174 forms  components  angular 

違いは何であるChangeDetectorRef.markForCheck()とはChangeDetectorRef.detectChanges()？ 私はSOに関する情報のみを見つけましたNgZone.run()が、これら2つの関数の違いはわかりません。 ドキュメントへの参照のみの回答の場合は、どちらかを選択する実際的なシナリオをいくつか示してください。

174 angular  angular2-changedetection 

これは非常に一般的な質問であることはわかっていますが、Angular 2でファイルをアップロードできません。 1）http://valor-software.com/ng2-file-upload/および 2）http://ng2-uploader.com/home ...しかし失敗しました。Angularでファイルをアップロードした人はいますか？どの方法を使用しましたか？その方法は？サンプルコードまたはデモリンクが提供されている場合、それは本当に感謝されます。

173 angular  file-upload  angular2-http 

最初のAngularアプリケーションを開始し、基本的なセットアップが完了しました。 Bootstrapをアプリケーションに追加するにはどうすればよいですか？ あなたが例を提供することができれば、それは大きな助けになるでしょう。

170 angular  twitter-bootstrap  typescript  twitter-bootstrap-3 

これで、3つのリンクがある最初のページができました。最後の「友達」リンクをクリックすると、適切な友達コンポーネントが開始されます。そこで、friends.jsonファイルに保存されている友達のリストを取得/取得したいと思います。今までのところ、すべてが正常に動作します。しかし、私はまだRxJのオブザーバブル、マップ、サブスクライブの概念を使用するangular2のHTTPサービスの初心者です。私はそれを理解しようとしていくつかの記事を読みましたが、実際の作業に入るまで、それらの概念を適切に理解するつもりはありません。 ここで私はすでにHTTP関連の仕事を除いて働いているplnkrを作りました。 Plnkr myfriends.ts import {Component,View,CORE_DIRECTIVES} from 'angular2/core'; import {Http, Response,HTTP_PROVIDERS} from 'angular2/http'; import 'rxjs/Rx'; @Component({ template: ` <h1>My Friends</h1> <ul> <li *ngFor="#frnd of result"> {{frnd.name}} is {{frnd.age}} years old. </li> </ul> `, directive:[CORE_DIRECTIVES] }) export class FriendsList{ result:Array<Object>; constructor(http: Http) { console.log("Friends are being called"); // below code is …

170 http  angular  rxjs 

HTTP呼び出しからHTMLコードのチャンクを取得しています。HTMLブロックを変数に入れ、[innerHTML]を使用してページに挿入しましたが、挿入したHTMLブロックのスタイルを設定できません。誰かがこれをどのように達成するかについて何か提案はありますか？ @Component({selector: 'calendar', template: '<div [innerHTML]="calendar"></div>', providers:[HomeService], styles: [` h3 {color:red;} `}) スタイルを設定したいHTMLは、変数 "calendar"に含まれているブロックです。

170 angular  innerhtml 

私はangular-cliを使い始めており、私は何をしたいのかについての答えを見つけるためにすでにたくさん読んでいます...成功しなかったので、私はここに来ました。 新しいモジュールのコンポーネントを作成する方法はありますか？ 例えば： ng g module newModule ng g component newComponent （このコンポーネントをnewModuleに追加する方法？） angular-cliのデフォルトの動作では、すべての新しいコンポーネントを内に配置するためapp.moduleです。コンポーネントを配置する場所を選択したいので、個別のモジュールを作成でき、すべてのコンポーネントが中にありませんapp.module。angular-cliを使用してそれを行うことは可能ですか、またはこれを手動で行う必要がありますか？

170 angular  typescript  angular-cli 

Angular 5.2アプリをAngular 6に更新しようとしています。Angular更新ガイド（angular-cliv6への更新を含む）の指示に従って正常に実行し、今からアプリを提供しようとしています ng serve --env=local しかし、これは私にエラーを与えます： 不明なオプション： '--env' 私は複数の環境（dev/local/prod）を使用していますが、これはAngular 5.2で機能していた方法です。Angular 6で環境を設定するにはどうすればよいですか？

169 angular  angular6  angular-cli 

私のコンポーネントには、現在の日時に依存するスタイルがあります。私のコンポーネントには、次の関数があります。 private fontColor( dto : Dto ) : string { // date d'exécution du dto let dtoDate : Date = new Date( dto.LastExecution ); (...) let color = "hsl( " + hue + ", 80%, " + (maxLigness - lightnessAmp) + "%)"; return color; } lightnessAmp現在の日時から計算されます。dtoDate過去24時間以内であれば、色が変わります。 正確なエラーは次のとおりです。 確認後、表情が変わった。以前の値： 'hsl（123、80％、49％）'。現在の値： 'hsl（123、80％、48％）' …

168 angular  typescript  time  styles  components