Knockout.js Visible绑定

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script src="js/jquery-1.11.1.min.js"></script>

    <script src="js/knockout-3.3.0.js"></script>

    <script>

        var viewModel = {

            shouldShowMessage: ko.observable(true)

        };

        var myViewModel = {

            myValues: ko.observableArray([])

        };

        $(function () {

            viewModel.shouldShowMessage(true);

            myViewModel.myValues.push("some value");

            ko.applyBindings(viewModel, $("#no1")[0]);

            ko.applyBindings(myViewModel, $("#no2")[0]);

        })

    </script>

</head>

<body>

    <div id="no1" data-bind="visible: shouldShowMessage">

        You will see this message only when "shouldShowMessage" holds a true value.

    </div>

    <div id="no2" data-bind="visible: myValues().length > 0">

        You will see this message only when 'myValues' has at least one member.

    </div>

</body>
巴特西

Knockout.js Visible绑定

最新文章

热门文章
