javascript - 如何设置 visible = false by knockout

Question

我已经发布了更详细的问题，这非常清楚和直接 here

您好，我正在尝试使用 knockout 将列表元素的值设置为 false这是我的 HTML

   <li>
     <a onclick="log(this)" data-bind="visible: true, text: $data"></a>
            </li>

有没有办法这样说:

               myViewModel.items()[i].setVisible(false);

Answer 1

不要将可见绑定(bind)设置为 true，将其设置为您在 viewModel 中定义的变量。您还可以通过 foreach 绑定(bind)访问可观察数组的各个元素。最后，如果您想使用 $data，您可以直接使用“.”访问单个数组对象的属性。运算符(operator)。我在帖子末尾引用的文档提供了更多信息。见下文:

<div data-bind="foreach: shouldShowMessageArray">
    <div data-bind="visible: $data.shouldShowMessage">
        Message goes here.
    </div>
</div>


<script type="text/javascript">
var myViewModel;
$(document).ready(function(){
    myViewModel = new viewModel();
    function viewModel() {
        this.shouldShowMessage = ko.observable(false) // Message initially visible
        this.shouldShowMessageArray = ko.observableArray([
            {shouldShowMessage: ko.observable(true)},
            {shouldShowMessage: ko.observable(false)}
        ]);
    }
    ko.applyBindings(myViewModel);
});
</script>

Knockout foreach / $data documentation