Tag: angular2 template

Angular2多个路由器sockets在同一个模板中: 是否有可能在同一个模板中有多个路由器sockets？如果是，那么如何configuration路由？我正在使用angular2testing版。谢谢。

为angular2实现自动完成: 我无法为Angular2find一个很好的自动完成组件。只要我可以传递一个键列表，标签对象，并在input字段上有一个很好的自动完成。 Kendo目前还不支持angular2，而且我们主要在内部使用它。看起来angular材料不支持angular2。任何人都可以请指出我在正确的方向或让我知道他们正在使用？这是我迄今为止build立的。这是非常糟糕的，我想find一些看起来不错的东西。 import {Component, EventEmitter, Input, Output} from 'angular2/core'; import {Control} from 'angular2/common'; import {Observable} from 'rxjs/Observable'; import {SimpleKeyValue} from '../models/simple-key-value' import 'rxjs/add/operator/map'; import 'rxjs/add/operator/debounceTime'; import 'rxjs/add/operator/distinctUntilChanged'; @Component({ selector: 'general-typeahead', template: ` <div> <div class="input-group"> <input type="text" [ngFormControl] = "term" class="form-control" placeholder={{placeHolder}} > </div> <ul> <li class="item" *ngFor="#item of matchingItems" […]

Angular2禁用button: 我知道在angular2中我可以禁用一个带有[disable]属性的button，例如： <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> 但我可以用[ngClass]或[ngStyle]吗？像这样： <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> 谢谢。

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

我怎样才能在angular 2中使用angular.copy: 我怎样才能复制一个对象，并在angular度2中失去它的参考？与angular1我使用angular.copy(object) ，但我得到一些错误使用angular2。 EXCEPTION：ReferenceError：未定义angular度

angular2：错误：TypeError：无法读取未定义的属性“…”: 我已经附上了我的angular2代码块的重拳。我想打印从我的JSON字段，但无法打印，因为最初我的对象为空，它正在通过承诺填充。这是我的组件文件 import {Component, NgModule, OnInit} from '@angular/core' import {BrowserModule} from '@angular/platform-browser' class MyData { xyz : MySubData; } class MySubData { name : string; } @Component({ selector: 'my-app', template: ` <div> <h2>Hello {{name}}</h2> {{abc.xyz.name}} </div> `, }) export class App implements OnInit { abc : MyData = null; constructor() { this.name = 'Angular2' […]

NgFor不会使用Angular2中的Pipe更新数据: 在这种情况下，我使用ngFor显示了学生（数组）的视图列表： <li *ngFor="#student of students">{{student.name}}</li> 当我将其他学生添加到列表中时，它会更新。但是，当我给它一个pipe道过滤学生的名字， <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({ name: 'sortByName' }) export class […]