如何在没有任何数据绑定的情况下使用*ngFor指令?
除了初始渲染之外,我不希望对模型的任何更改反映在视图中,也不希望视图中的任何更改反映在模型中。
示例
@Component({
template: '<p *ngFor="let character of characters">{{ character }}</p>',
})
export class TestComponent {
public characters = ['a', 'b', 'c'];
}
如果我将一个额外的
我有一个在object数组中包含数组的模型:
<div *ngFor="let n of shops?.locations let i=index;">
<span>{{n.name}}</span>
<button (click)="select(n, i)">select</button>
</div>
<popup>
<div *ngFor="let subloc of locationssub let j=index;">
&
我有一系列的下降,每个领域一个报告。每个下拉列表都有一系列选项(每个选项相同)。用户能够更改字段以报告或添加更多内容。下拉列表似乎使用正确的值进行初始化,但在选择更改时不要更新模型。
我可以通过链接到ngModelChange来更新报告模型,但这似乎是额外的。我在其他领域也取得了成功,但在包含可变数量字符串列的可变数量的选择框中却没有成功。
*.html
<div *ngFor="let field of report.summaryFields.defaultFields">
<select [(ngModel)]="field"&
我有一个与以下代码相关的问题:
孩子
export class ChildComponent implements OnChanges {
public @Input() data: string[];
ngOnChanges(changes: SimpleChanges) {
console.log('I am here');
}
}
子模板
{{ data | json }} // This is not necessary. The behaviour is the same with or without it.
<di
使用角4.0.2,我有一个*ngFor创建输入元素,并通过add按钮更新一个对象数组,但是我试图弄清楚如何在从该数组中删除项目后更新对象的标识符。
目前,我的ngFor看起来是:
*ngFor = let name of names; let i = index
然后,删除按钮有一个(单击)事件:
(click)="removeRow(i, names)"
该方法如下所示:
removeRow(index:number, names:Names[]){
names.splice(index,1);
index--;
}
但是,在删
我有一个网页应用程序,提出了一个请求,消防实时数据库的用户信息。
当服务调用下面的方法时,返回信息:
//searches db for user information
getUserInfo(uid){
return this.db.list('users/', ref => ref.orderByKey().equalTo(uid)).valueChanges();
}
此方法在定义如下的管道中触发:
@Pipe({
name: 'usernamePipe'
})
export class UsernameFilter implement