タグ付けされた質問 「angular2-directives」

何が悪いのですか？ import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="let talk in talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: [ConfTalks], template: '<conf-talks></conf-talks>' }) …

355 angular  angular2-directives 

Angular 2アプリで、ページを下にスクロールしてページの下部にあるリンクをクリックすると、ルートが変更されて次のページが表示されますが、ページの上部にスクロールしません。その結果、1ページ目が長く、2ページ目が少ない場合、2ページ目が不足しているような印象になります。コンテンツが表示されるのは、ユーザーがページの上部にスクロールした場合のみです。 コンポーネントのngInitでウィンドウをページの上部にスクロールできますが、アプリ内のすべてのルートを自動的に処理できるより良い解決策はありますか？

296 angular  typescript  angular2-routing  angular2-template  angular2-directives 

何が悪いのですか？ import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: [ConfTalks], template: '<conf-talks></conf-talks>' }) class …

286 angular  typescript  angular2-directives  ngfor 

このシナリオでは、学生のリスト（配列）をビューに表示していますngFor。 <li *ngFor="#student of students">{{student.name}}</li> 他の生徒をリストに追加するたびに更新されるのは素晴らしいことです。 しかし、私はそれ与えるときpipeにfilter生徒の名前で、 <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> フィルタリングする生徒の名前フィールドに何か入力するまで、リストは更新されません。 ここにplnkrへのリンクがあります。 Hello_world.html <h1>Students:</h1> <label for="newStudentName"></label> <input type="text" name="newStudentName" placeholder="newStudentName" #newStudentElem> <button (click)="addNewStudent(newStudentElem.value)">Add New Student</button> <br> <input type="text" placeholder="Search" #queryElem (keyup)="0"> <ul> <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> </ul> sort_by_name_pipe.ts import {Pipe} from 'angular2/core'; @Pipe({ …

113 angular  angular2-template  angular2-directives  angular-pipe 

マテリアル2を使用して追加していmd-raised-buttonます。特定の条件が成立した場合にのみ適用したい。 例えば： <button md-raised-button="true"></button> 別の例：plunkerで基本的な動的反応フォームを作成しました。formArrayNameコントロールの配列に反応型のディレクティブを使用しています。formArrayName特定の条件がtrueになった場合にのみディレクティブを適用し、それ以外の場合はformArrayNameディレクティブを追加しません。 こちらがプランカーリンクです。

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

Angular2を使い始めたばかりです。 Angular 2のコンポーネントとディレクティブの違いは何ですか？

86 angular  components  angular-directive  angular2-directives