Question

假设我有以下型号：

module Model {  
interface IProduct{
        id: number;
        name: string;
        price: number;

        discount(): number;
}

export class Product implements IProduct {
    id: number;
    name: string;
    price: number;

    constructor(id: number, name: string, price: number) {

    }

    discount(): number{
            return this.price - 10*this.price/100;
    }
}
}

我想知道我是否可以在视图中使用vm.product.discount，它会根据实际产品的价格计算折扣吗？

Answer 1

我想知道我是否可以在视图中使用vm.product.discount，它会根据实际产品的价格来计算折扣？

烨。例如，在你的HTML中只需调用函数：

<div>{{vm.product.discount()}}</div>

如何将类中的函数结果显示为angular / typescript中的视图？

1 个答案: