javascript - knockout.js 可观察到的内容没有更新

标签 javascript jquery html knockout.js observable

团队,

我有一个非常简单的 html 页面,其 View 模型如下。

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <script src='E:\Trials\ClientSide\MyTrials\knockout-2.2.1.js' type='text/javascript'></script>
    <script src='E:\Trials\ClientSide\MyTrials\jquery-2.0.0.js' type='text/javascript'></script>
    <title>Index</title>
    <script type="text/javascript">

        function PersonViewModel()
        {
            firstName = ko.observable("FirstN")
        };

        $(document).ready(function () {
            var person = new PersonViewModel();
            ko.applyBindings(person);
        });

    </script>
</head>
<body>
    <div>
        <h3>Details</h3>
        <p>First Name: <input data-bind="value:  firstName()" /></p>
        <p>First Name From span: <span data-bind="text: firstName()" ></span> </p>
    </div>
</body>
</html>
<小时/>

它非常简单且不言自明。脚本 block 包含一个 View 模型,并且在文档就绪函数上,会发生绑定(bind)。而且html也足够简单。一个输入和一个跨度绑定(bind)到相同的可观察属性firstName。 但痛苦的是,当我更改输入的值时,范围不会更新。我缺少什么? 问候 维韦克

最佳答案

firstName() 更改为 firstName

<p>First Name: <input data-bind="value:  firstName" /></p>
<p>First Name From span: <span data-bind="text: firstName" ></span> </p>

关于javascript - knockout.js 可观察到的内容没有更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16674800/

相关文章:

html - float 在图像上会中断溢出

javascript - 使用 Azure VM Javascript SDK 从 RunCommand 获取 StdOut

javascript - Casperjsvisible() 返回 true 而 jquery 为 (':visible' ) 对于相同的选择器返回 false

javascript - 获取可编辑 <td> 的原始文本/值

javascript - 上传前预览图片

javascript - 如何使用ajax重新加载图像

Javascript 嵌套函数丢失作用域

javascript - 通过 HOC 将 React 上下文传递给包装的组件

javascript - 用javascript检查路径名是否有 "#"

javascript - 引导日期选择器验证不起作用