KnockOut data-bind="visible: Need help to troubleshhot the issue

Question

I want to hide the div if array length is >0. By putting an alert message I confirmed array length is = 0 and then div should be hidden. But when run the app div is visible.

<body>
    <form id="form1" runat="server">
    <div>

    <div data-bind="visible: myValues().length > 0">
    You will see this message only when 'myValues' has at least one member.
</div>


    </div>
    </form>
</body>
<script type="text/javascript">
    var viewModel = {
        myValues: ko.observableArray([]) // Initially empty, so message hidden
    };
    alert('The length of the array is ' + viewModel.myValues().length);
</script>

Answer 1

<body>
    <form id="form1" runat="server">
    <div>

    <div data-bind="visible: myValues().length > 0">
    You will see this message only when 'myValues' has at least one member.
   </div>

You need to bind this with applybindings:

    </div>
    </form>
</body>
<script type="text/javascript">
    var viewModel = {
        myValues: ko.observableArray([]) // Initially empty, so message hidden
    };
    alert('The length of the array is ' + viewModel.myValues().length);



    ko.applyBindings(viewModel); 
</script>

KnockOut data-bind="visible: Need help to troubleshhot the issue

Question

1 answers

solution1
1 ACCPTED 2014-09-02 05:12:57

KnockOut data-bind="visible: Need help to troubleshhot the issue

Question

1 answers

solution1 1 ACCPTED 2014-09-02 05:12:57

solution1
1 ACCPTED 2014-09-02 05:12:57