Javascript 如何正确显示my Knockout应用程序的模板元素?
我已经开始使用Knockout.js,并希望编写一些简单的组件,但我编写的代码没有显示模板的元素。我只看到h1标记中的文本 代码如下:Javascript 如何正确显示my Knockout应用程序的模板元素?,javascript,knockout.js,Javascript,Knockout.js,我已经开始使用Knockout.js,并希望编写一些简单的组件,但我编写的代码没有显示模板的元素。我只看到h1标记中的文本 代码如下: <!DOCTYPE html> <html> <head> <title>Component</title> <script type="text/javascript" src="knockout-3.4.2.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>Component</title>
<script type="text/javascript" src="knockout-3.4.2.js"></script>
</head>
<body>
<h1>Counter starting at 1:</h1>
<counter params="initialCount: 1"></counter>
<script type="text/javascript">
function viewModel(params) {
const self = this;
self.count = ko.observable(params.initialCount);
self.increment = () => self.count(self.count() + 1);
}
const template =
`<div>
<span data-bind="text: count"></span>
<button type="button" data-bind="click: increment">
Increment
</button>
</div>`;
ko.components.register('counter', { viewModel, template });
</script>
</body>
</html>
我做错了什么?尝试添加ko.applyBindings;在脚本的末尾