Kendo angular Readonly属性

Question

我正在使用Kendo ui和angular进行网络项目。我有一个弹出窗体，当我点击编辑选项时，我会得到它。我想根据我的discount列使我的弹出窗口无法使用。如果discount的值为false，我应该可以在弹出窗口中编辑值，否则我就无法编辑它。

这是我的plunker网址：http://plnkr.co/edit/yBTf4BbQB7xvQZyHRJXi?p=preview

任何帮助都将不胜感激。

感谢。

Answer 1

在GridEditFormComponent中，您将产品模型作为输入。您只需要检查模型值并禁用/启用表单：

@Input() public set model(product: Product) {
    this.editForm.reset(product);

    this.active = product !== undefined;

    // if(product) checks if product is not null or undefinded here
    if(product && product.Discontinued) {
      this.editForm.disable();
    }
    else {
      this.editForm.enable();
    }
}

http://plnkr.co/edit/cA7VzJnFWBFctSZlfrjm?p=preview