Question

我刚开始学习KO。在VS 2012中创建MVC4项目之后，我刚刚在视图中输入了两个文本框。期望看到价值反映在那里，但它不起作用。请帮我修一下这个缺陷......

cshtml代码看起来像这样......

注意：我已经验证了KO路径＆amp;版本＆amp;发现它正确包含在内。

@{
    Layout = null;
}

    @section scripts{




  <script src="~/Scripts/jquery-1.7.1.js"></script>
    <script src="~/Scripts/jquery-ui-1.8.20.js"></script>
   <script src="~/Scripts/knockout-2.1.0.js"></script>



    <script type="text/javascript">

        $(function () {
            var MyViewModel = {
                name: ko.observable("Steve"),

                changeName : function () {
                    this.name("Scott");
                }              
            };
            ko.applyBindings(MyViewModel);
        });       

    </script>
    }



<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Create</title>
</head>
<body>
    <div>
        Name : <input type="text" data-bind="value: name  " />

        <p>
            Hello, <span data-bind="text: name "></span>
        </p>
        <button data-bind="click: changeName">Change Name</button>

    </div>
</body>
</html>

Answer 1

@Section Scripts块正在创建问题。

从上面的页面中删除该标签解决了这个问题。

@{
    Layout = null;
}

<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/jquery-ui-1.8.20.js"></script>
<script src="~/Scripts/knockout-2.1.0.js"></script>


<script type="text/javascript">

    $(document).ready(function () {

......

KO绑定在VS 2012中无效

1 个答案: