gpt4 book ai didi

javascript - knockout 组件小部件模板 requirejs html

转载 作者:行者123 更新时间:2023-11-28 15:27:34 24 4
gpt4 key购买 nike

我正在实现 knockout 的小部件示例 http://knockoutjs.com/documentation/component-overview.html

使用 requirejs 从外部 html 加载模板不适合我

ko.components.register('like-or-dislike', {
template: { require: 'text!files/component-like-widget.html' }

});

我把包含模板的html放在外部html中。将“files/”替换为我的相对路径“/views/_leyout”它不起作用我需要一个加载 html 的 text.js 文件?有什么例子吗?

最佳答案

user3144678的答案是正确的。您应该包括 text plugin在你的项目里面。为了阐明如何使用它,我做了一些简单的项目:

项目结构:

project
|-- index.html
|-- app.js
`-- content
`-- some-content.html

index.html:

<html>
<head>
</head>
<body>
<script data-main="app.js"src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.22/require.js"></script>
</body>
</html>

app.js:

requirejs.config({
paths: {
"text": "http://cdnjs.cloudflare.com/ajax/libs/require-text/2.0.12/text"
}
});
requirejs(["text!content/some-text.html"], function (text) {
alert(text);
});

一些内容.html:

<div>just some text</div>

结果将发出警报,其中包含“仅一些文本”。

关于javascript - knockout 组件小部件模板 requirejs html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28546347/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com