剔除數組綁定不起作用

Question

monkeyStuff可以實現我想要的功能，如果我在輸入字段中編寫，它將更新跨度內容。 但是，為什么它不能與voteStuff ？

在行動中觀看： 小提琴

<body>
    <div id="monkeyStuff">
        <input type="text" data-bind="value:monkey" />
        <span data-bind="text:monkey"></span>
    </div>
    <hr>
    <div id="voteStuff">
        <div data-bind="text: test"></div>
        <ul data-bind="foreach: voters">
          <li>
            <input type="text" data-bind="value:name" />
            <span data-bind="text:name"></span>
          </li>
        </ul>
    </div>

    <script>        
        var vm = {
            monkey: ko.observable()
        };
        vm.monkey("Quak");
        ko.applyBindings(vm, document.getElementById('monkeyStuff'));

        var model = {
            test: 'Test address text',
            voters: ko.observableArray([
                { name: 'First Voter' },
                { name: 'Second Voter' }
            ])
        };

        ko.applyBindings(model, document.getElementById('voteStuff') );

    </script>
</body>

編輯：好的，它是這樣的：

  voters: ko.observableArray([
        { name: ko.observable('First Voter') },
        { name: ko.observable('Second Voter') }
    ])

但是，是否有一種方法可以自動對選民數組中的每個屬性進行設置？

Answer 1

您需要使voters ko.observableArray中的元素的name屬性也可觀察，從而可以使用已實現的綁定更改這些屬性：

    voters: ko.observableArray([
        { name: ko.observable('First Voter') },
        { name: ko.observable('Second Voter') }
    ])

工作示例： http : //jsfiddle.net/he2zoa3d/2/

剔除數組綁定不起作用

問題描述

1 個解決方案

解決方案1
2 已采納 2014-08-15 13:14:55

剔除數組綁定不起作用

問題描述

1 個解決方案

解決方案1 2 已采納 2014-08-15 13:14:55

解決方案1
2 已采納 2014-08-15 13:14:55