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

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;

我试图将断点放在 changeLanguage 函数上，它到了这里，实现了代码但没有任何改变。

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

Answer 1

您需要使用attr绑定来设置具有以下语法的任意属性：

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