Tag: 角度

将选择元素绑定到Angular 2中的对象

我是Angular2的新手,试图用新的方式来加快速度。 我想将一个select元素绑定到一个对象列表 – 这很简单: @Component({ selector: 'myApp', template: `<h1>My Application</h1> <select [(ngModel)]="selectedValue"> <option *ngFor="#c of countries" value="c.id">{{c.name}}</option> </select>` }) export class AppComponent{ countries = [ {id: 1, name: "United States"}, {id: 2, name: "Australia"} {id: 3, name: "Canada"} {id: 4, name: "Brazil"} {id: 5, name: "England"} ]; selectedValue = null; } 在这种情况下,看起来selectedValue将是一个数字 – 所选项目的ID。 但是,我真的想绑定到国家对象本身,以便selectedValue是对象,而不仅仅是id。 […]

访问键和使用* ngFor的对象的值

如何在angular2中获取对象的Key and Value的时候感到困惑,而用于迭代对象的时候会感到困惑。 我知道在角1.x有语法 ng-repeat="(key, value) in demo" 但在角2我不知道我累了,但没有成功。 我已经尝试了下面的代码,但没有运行,请告诉我在哪里做错了。 <ul> <li *ngFor='#key of demo'>{{key}}</li> </ul> demo = { 'key1': [{'key11':'value11'}, {'key12':'value12'}], 'key2': [{'key21':'value21'}, {'key22':'value22'}], } 这里是plnkr我曾尝试过的相同: http ://plnkr.co/edit/mIj619FncOpfdwrR0KeG?p=preview 我想使用* ngFor动态获取key1和key2 。 如何得到它? 我搜查了很多使用管道发现的想法,但如何使用我不知道。 有没有在angular2做同样的任何inbuild管道?