Typescript 敲除绑定类

Typescript 敲除绑定类,typescript,data-binding,knockout.js,javascript-databinding,knockout-3.4,Typescript,Data Binding,Knockout.js,Javascript Databinding,Knockout 3.4,你好, 我在将字体的CSS类绑定到标记中时遇到问题 HTML: TS: 接口IToolbarButton{ 启用:敲除计算; 可见:敲除计算; 图标:字符串; onClick(); } 导出抽象类ViewModel{ 工具栏按钮:IToolbarButton[]; 构造函数(){ 这个.loadDefaultToolbar(); } loadDefaultToolbar():无效{ this.toolbarbutions=[]; //添加按钮 这个。工具栏按钮。按钮({ 已启用:knocko

你好,

我在将字体的CSS类绑定到标记中时遇到问题

HTML:


TS:

接口IToolbarButton{
启用:敲除计算;
可见:敲除计算;
图标:字符串;
onClick();
}
导出抽象类ViewModel{
工具栏按钮:IToolbarButton[];
构造函数(){
这个.loadDefaultToolbar();
}
loadDefaultToolbar():无效{
this.toolbarbutions=[];
//添加按钮
这个。工具栏按钮。按钮({
已启用:knockout.pureComputed(()=>true/*某些内部逻辑*/),
图标:“fa-fa-plus”,//这是我想放在标签中的内容
onClick:()=>{/*一些内部逻辑*/},
可见:knockout.pureComputed(()=>true/*某些内部逻辑*/)
});
//其他默认按钮。。。
}
};
应用绑定(新的ViewModel());
在我的情况下,什么是正确的绑定方式?

我尝试了基本绑定,比如text或者只是css:{icon},但它们现在也可以工作了


感谢您的时间和帮助css绑定有两种形式:

  • 将类作为属性名、值作为布尔表达式接受对象的对象:

    css: {className: booleanExpression}
    
    …其中,
    className
    是在
    booleanpression
    为true时要包含的类的名称(如果
    booleanpression
    为false,则该名称将被忽略)

  • 用于指定要包含为字符串的类名:

    css: stringExpression
    
  • 你试着把这两种语法结合起来;你想要第二个。与(mis)使用
    attr
    绑定不同,这涉及添加到元素的其他类。
    css
    绑定的这一功能是,并且可以在中找到

    实例:

    ko.applyBindings({
    someClassName:“两个”,
    })
    .one{背景:黄色;}
    .two{颜色:红色;}
    
    我的类型是红色的,因为视图模型添加了一个类名!
    
    css
    绑定有两种形式:

  • 将类作为属性名、值作为布尔表达式接受对象的对象:

    css: {className: booleanExpression}
    
    …其中,
    className
    是在
    booleanpression
    为true时要包含的类的名称(如果
    booleanpression
    为false,则该名称将被忽略)

  • 用于指定要包含为字符串的类名:

    css: stringExpression
    
  • 你试着把这两种语法结合起来;你想要第二个。与(mis)使用
    attr
    绑定不同,这涉及添加到元素的其他类。
    css
    绑定的这一功能是,并且可以在中找到

    实例:

    ko.applyBindings({
    someClassName:“两个”,
    })
    .one{背景:黄色;}
    .two{颜色:红色;}
    
    我的类型是红色的,因为视图模型添加了一个类名!
    
    (希望您不介意添加内容,我希望在某个时候删除我的答案…(希望您不介意添加内容,我希望在某个时候删除我的答案…)