我有Angular组件,第一个组件使用第二个组件作为指令.它们应该共享相同的模型对象,该对象在第一个组件中初始化.如何将该模型传递给第二个组件?
我正在尝试使用 Angular 2 和 Typescript 编写数据条目,但是在更新模型时出现问题。据我所知,只有原始类型可以绑定到ng-model。但是在我的模型中,我有想要更新的对象。是否有任何角度特定的方法来执行此操作,而不是加载具有绑定到ng-model的更改属性的孔对象?
这是模型:
export class Project {
public id: number;
private title: string;
private region: Region;
}
Run Code Online (Sandbox Code Playgroud)
这是 Angular 组件类:
@Component({...})
export class ProjectForm {
public project: Project;
public regions: Array<Region>;
}
Run Code Online (Sandbox Code Playgroud)
这是 ProjectForm 的视图:
...
<select id="region" [(ng-model)]="project.region.id">
<option *ng-for="#region of regions" [value]="region.id">
{{ region.name }}
</option>
</select>
Run Code Online (Sandbox Code Playgroud)