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

【问题标题】：data-bind for the "dir" attribute (rtl/ltr) of html elementhtml元素的“dir”属性（rtl/ltr）的数据绑定
【发布时间】：2013-10-09 00:02:09
【问题描述】：

我的项目在 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" 属性进行数据绑定。

【问题讨论】：

标签： javascript html knockout.js durandal

【解决方案1】：

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

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

【讨论】：