Question

我的项目位于 durandal 。

我有一个HTML页面。在页面中，有一个按钮，用户点击的位置，此页面中的表格语言由英语改为希伯来语，后面是特殊代码。现在，我遇到了一个问题：我希望更改表格视图的目录。所以我写道：

    <table style="width: 100%; height: 100%;" data-bind="dir:langDir">
    <button data-bind="click:changeLanguage"></a>

背后的代码是：

 var vm = {
    langDir: ko.observable('ltr'),

    activate: function () {

    changeLanguage: function () {           
           //here there is some code of my apllication
            vm.langDir('rtl');
        }

    }        
};
return vm;

我试图将breakPoint放在changeLanguage函数中，它到达这里，实现代码但没有任何改变。

我页面中的其他数据绑定代码 - 工作精彩。如果我尝试直接更改HTML代码中的方向（而不是绑定），则效果很好。所以问题就在于我不知道如何对"dir"属性进行数据绑定。

Answer 1

您需要使用attr binding使用以下语法设置任意属性：

<table style="width: 100%; height: 100%;" data-bind="attr: { dir: langDir } ">

数据绑定为html元素的“dir”属性（rtl / ltr）

1 个答案: