在Angular 8中,你可以将预定义值作为模型中的属性。以下是一个示例代码:
my-model.ts
的文件,其中定义了一个名为MyModel
的类:export class MyModel {
id: number;
name: string;
status: string;
constructor(id: number, name: string, status: string) {
this.id = id;
this.name = name;
this.status = status;
}
}
MyModel
类,并在组件类中创建一个myModel
属性,并将预定义的值传递给它:import { Component } from '@angular/core';
import { MyModel } from './my-model';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.html',
styleUrls: ['./my-component.css']
})
export class MyComponent {
myModel: MyModel;
constructor() {
this.myModel = new MyModel(1, 'John Doe', 'active');
}
}
myModel
属性的值:{{ myModel.name }}
{{ myModel.status }}
在上面的示例中,myModel
属性将具有预定义的值,即ID为1,名称为"John Doe",状态为"active"。你可以通过在组件的构造函数中创建MyModel
实例来设置这些预定义值。然后,在组件的模板中,你可以使用myModel
属性的属性来显示这些预定义值。
希望这个示例对你有所帮助!