Question

我开始学习knockoutjs，但我遇到了一个错误。 Aptana编辑器显示错误：

data-bind: ....

标签的

属性抱怨它是专有标签。我已确保包含所有必需的javascript文件，并且我已检查过先前的问题：knockoutjs template not working。这是我的代码：

<!DOCTYPE html>
<html>
    <head>  
        <script type='text/javascript' src='jquery-1.8.2.min.js'></script>
        <script src='jquery.tmpl.min.js' type='text/javascript'></script>
        <script src='knockout-2.2.0.js' type='text/javascript'></script>
    </head>

    <body>
        <script>
            function AppViewModel() {
                this.firstName = "Bert";
                this.lastName = "Bertington";
            }

            ko.applyBindings(new AppViewModel());       
        </script>
        <p>First name: <strong data-bind="text: firstName"></strong></p>
        <p>Last name: <strong data-bind="text: lastName"></strong></p>
    </body>
</html>

即使忽略了Aptana并希望浏览器显示它，我仍然什么也得不到。我使用的是Firefox 16，但我也试过IE 8，但无济于事。

Answer 1

将标记移动到标记下方。

<body>
    <p>First name: <strong data-bind="text: firstName"></strong></p>
    <p>Last name: <strong data-bind="text: lastName"></strong></p>
    <script>
        function AppViewModel() {
            this.firstName = "Bert";
            this.lastName = "Bertington";
        }

        ko.applyBindings(new AppViewModel());       
    </script>
</body>

Knockoutjs无法正常工作

1 个答案: