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

GoogleのウェブフレームワークであるAngular（AngularJSと混同しないでください）に関する質問。このタグは、個々のバージョンに固有ではないAngularの質問に使用します。古いAngularJS（1.x）Webフレームワークの場合は、angularjsタグを使用します。

30
'ngModel'は 'input'の既知のプロパティではないため、バインドできません
Angularアプリを起動すると、コンポーネントが表示されていなくても、次のエラーが発生します。 <input>アプリが機能するようにコメントアウトする必要があります。 zone.js:461 Unhandled Promise rejection: Template parse errors: Can't bind to 'ngModel' since it isn't a known property of 'input'. (" <div> <label>Created:</label> <input type="text" [ERROR ->][(ngModel)]="test" placeholder="foo" /> </div> </div>"): InterventionDetails@4:28 ; Zone: <root> ; Task: Promise.then ; Value: 私はヒーロープランカーを見ていますが、コードとの違いはありません。 コンポーネントファイルは次のとおりです。 import { Component, EventEmitter, Input, OnInit, Output …
20
Angular HTMLバインディング
Angularアプリケーションを作成していて、表示したいHTML応答があります。 それ、どうやったら出来るの？バインディング構文を使用するだけで、{{myVal}}すべてのHTML文字が（もちろん）エンコードされます。 どうにかしてinnerHTMLa divを変数値にバインドする必要があります。
27
「form」の既知のプロパティではないため、「formGroup」にバインドできません
状況： 助けてください！私はAngular2アプリで非常にシンプルなフォームを作成しようとしていますが、何が機能するかは関係ありません。 角度バージョン： Angular 2.0.0 Rc5 エラー： Can't bind to 'formGroup' since it isn't a known property of 'form' コード： 景色： <form [formGroup]="newTaskForm" (submit)="createNewTask()"> <div class="form-group"> <label for="name">Name</label> <input type="text" name="name" required> </div> <button type="submit" class="btn btn-default">Submit</button> </form> コントローラ： import { Component } from '@angular/core'; import { FormGroup, FormControl, Validators, …
21
Angular / RxJs `Subscription`からの退会のタイミング
NgOnDestroyライフサイクル中にSubscriptionインスタンスを保存して呼び出す必要があるのunsubscribe()はいつですか。 すべてのサブスクリプションを保存すると、コンポーネントコードに多くの混乱が生じます。 HTTPクライアントガイドは、次のようなサブスクリプションを無視します。 getHeroes() { this.heroService.getHeroes() .subscribe( heroes => this.heroes = heroes, error => this.errorMessage = <any>error); } 同時に、Route＆Navigation Guideによると： 最終的には、別の場所に移動します。ルーターはこのコンポーネントをDOMから削除して破棄します。それが起こる前に、私たちは自分自身を片付ける必要があります。具体的には、Angularがコンポーネントを破棄する前にサブスクライブを解除する必要があります。そうしないと、メモリリークが発生する可能性があります。 メソッドObservable内のサブスクライブを解除しますngOnDestroy。 private sub: any; ngOnInit() { this.sub = this.route.params.subscribe(params => { let id = +params['id']; // (+) converts string 'id' to a number this.service.getHero(id).then(hero => this.hero = hero); }); …
9
BehaviorSubjectとObservable？
Angular RxJsパターンを調べていますが、a BehaviorSubjectとの違いがわかりませんObservable。 私の理解では、a BehaviorSubjectは時間とともに変化する可能性がある値です（サブスクライブでき、サブスクライバーは更新された結果を受け取ることができます）。これはとまったく同じ目的のようObservableです。 いつObservablevs を使用しBehaviorSubjectますか？BehaviorSubject以上を使用するメリットはありますObservableか、またはその逆ですか？
16
* ngIfの使用方法は？
私はAngularを使用*ngIf elseしていて、この例で（バージョン4以降で使用可能）使用したいと思います。 <div *ngIf="isValid"> content here ... </div> <div *ngIf="!isValid"> other content here... </div> どうすれば同じ動作を実現できngIf elseますか？
14
Angularプロジェクトごとに生成される膨大な数のファイル
Angular用のシンプルなHello Worldアプリを起動したいと思いました。 公式クイックスタートの指示に従ってインストールすると、プロジェクトに32,000個のファイルが作成されました。 これは間違いであるか、何かを見逃していると思ったので、angular-cliを使用することにしましたが、プロジェクトを設定した後、41,000ファイルをカウントしました。 どこで私は間違えましたか？私は本当に本当に明白な何かを見逃していますか？
8
属性の値としてインデックスを持つngFor
私ngForも電流を追跡する単純なループがありindexます。index印刷できるように、その値を属性に格納したい。しかし、私はこれがどのように機能するのか理解できません。 私はこれを基本的に持っています： <ul *ngFor="#item of items; #i = index" data-index="#i"> <li>{{item}}</li> </ul> の値を#i属性に格納したいdata-index。私はいくつかの方法を試しましたが、どれもうまくいきませんでした。 ここにデモがあります：http : //plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp?p=preview 属性にindex値を保存するにはどうすればよいdata-indexですか？
571 angular  ngfor 
18
Angular：* ngClassを使用した条件付きクラス
Angularコードの何が問題になっていますか？私は得ています： Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>
11
コンポーネントテンプレートの要素を選択するにはどうすればよいですか？
コンポーネントテンプレートで定義された要素を取得する方法を知っている人はいますか？Polymerは、$とを使用して非常に簡単になり$$ます。 Angularでそれをどうやってやろうかと思っていたところです。 チュートリアルの例を見てみましょう： import {Component} from '@angular/core'; @Component({ selector:'display', template:` <input #myname (input)="updateName(myname.value)"/> <p>My name : {{myName}}</p> ` }) export class DisplayComponent { myName: string = "Aman"; updateName(input: String) { this.myName = input; } } クラス定義内からpまたはinput要素の参照をキャッチまたは取得するにはどうすればよいですか？
15
* ngIfと* ngForが同じ要素でエラーを引き起こす
私は角度のを使用しようとすると問題を抱えている*ngForし、*ngIf同じ要素に。 のコレクションをループしようとする*ngForと、コレクションはと見nullなされ、その結果、テンプレートのプロパティにアクセスしようとすると失敗します。 @Component({ selector: 'shell', template: ` <h3>Shell</h3><button (click)="toggle()">Toggle!</button> <div *ngIf="show" *ngFor="let thing of stuff"> {{log(thing)}} <span>{{thing.name}}</span> </div> ` }) export class ShellComponent implements OnInit { public stuff:any[] = []; public show:boolean = false; constructor() {} ngOnInit() { this.stuff = [ { name: 'abc', id: 1 }, { name: 'huo', …
11
@Input（）値がAngularで変更されたことを検出する方法は？
親コンポーネント（CategoryComponent）、子コンポーネント（videoListComponent）、およびApiServiceがあります。 私はこれのほとんどがうまく機能しています。つまり、各コンポーネントはjson apiにアクセスして、オブザーバブルを介して関連データを取得できます。 現在、動画リストコンポーネントはすべての動画を取得するだけです。これを特定のカテゴリの動画のみにフィルタリングしたいと思います@Input()。 CategoryComponent.html <video-list *ngIf="category" [categoryId]="category.id"></video-list> これは機能し、CategoryComponentの親カテゴリが変更されると、categoryId値が経由で渡されますが@Input()、VideoListComponentでこれを検出し、APIService（新しいcategoryIdを使用）を介してビデオ配列を再リクエストする必要があります。 AngularJS $watchでは、変数に対してaを実行したでしょう。これを処理する最良の方法は何ですか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.