Questions tagged «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>' }) …

354 angular  angular2-directives 

在我的Angular 2应用程序中，当我向下滚动页面并单击页面底部的链接时，它确实会更改路线并带我进入下一页，但不会滚动到页面顶部。结果，如果第一页很长而第二页的内容很少，则给人的印象是第二页缺少内容。由于仅当用户滚动到页面顶部时内容才可见。 我可以将窗口滚动到该组件的ngInit中的页面顶部，但是，有没有更好的解决方案可以自动处理应用程序中的所有路由？

295 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 …

285 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 

我正在使用Material 2添加md-raised-button。我只想在某些条件为真时才应用此指令。 例如： <button md-raised-button="true"></button> 另一个例子：我在plunker中创建了一个基本的动态反应形式。我正在使用formArrayName反应形式的指令用于控件数组。我只想formArrayName在特定条件为真时应用指令，否则不要添加formArrayName指令。 这是一个矮胖的链接。

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

我刚刚开始使用Angular 2。 我想知道Angular 2中的组件和指令之间有什么区别？

86 angular  components  angular-directive  angular2-directives 

给定一个简单的输入元素，我可以这样做： <input [(ngModel)]="name" /> {{ name }} 这不适用于我的自定义元素： <my-selfmade-combobox [(ngModel)]="name" values="getValues()" required></my-selfmade-combobox> 如何实施？

74 angular  angular2-template  angular2-directives 

我有Angular组件，第一个组件使用第二个组件作为指令。他们应该共享相同的模型对象，该对象在第一个组件中已初始化。如何将该模型传递给第二个组件？

69 angular  angular2-directives