Question

是否可以通过编程方式设置Kendo Dialog标题栏的HTML内容？在HTML模板中，我可以使用标记，但是如果我引用DialogComponent实例，有什么方法可以对整个html内容进行数据绑定或以编程方式进行设置？

谢谢，塔玛斯

Answer 1

您可以使用kendo-dialog-titlebar通过自定义模板定义所需的任何标题。

尝试一下：

@Component({
    selector: 'my-app',
    template: `
        <kendo-dialog>
            <kendo-dialog-titlebar>
                <h3>{{title}}</h3>
            </kendo-dialog-titlebar>

            Sample text
        </kendo-dialog>
    `
})
class AppComponent {
    public title: string = "Title A";

    constructor() {
        setTimeout(() => this.title = "Title B", 2000);
    }
}

如果标题很简单，除了文本外，您不需要其他任何内容，可以像上面那样简化上面的模板：

template: `
    <kendo-dialog title={{title}}>
        Sample text
    </kendo-dialog>
`

如何以编程方式设置对话框标题内容

1 个答案: