2

我开始学习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 上尝试过，但无济于事。

4

1 回答 1

2

将您的脚本标签移动到您的标记下方。

<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>
于 2012-11-01T23:53:19.330 回答