javascript - html 元素的 "dir"属性 (rtl/ltr) 的数据绑定(bind)

Question

我的项目在 durandal。

我有一个 html 页面。在该页面中，有一个按钮，用户单击该按钮，该页面中的表格语言将通过后面的特殊代码从英语更改为希伯来语。现在，我遇到了一个问题:我也想更改 TableView 的目录。所以我写道:

    <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 函数中，它到达这里，执行代码但没有任何改变。

我页面中的其他数据绑定(bind)代码——效果很好。如果我尝试直接更改 HTML 代码中的方向(不使用绑定(bind))，效果很好。所以问题在于我不知道如何为 "dir" 属性进行数据绑定(bind)。

Answer 1

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

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