Javascript 敲除组件小部件模板requirejs html_Javascript_Html_Knockout.js_Requirejs

Javascript 敲除组件小部件模板requirejs html

javascript html knockout.js requirejs

Javascript 敲除组件小部件模板requirejs html,javascript,html,knockout.js,requirejs,Javascript,Html,Knockout.js,Requirejs,我正在实现用于淘汰的小部件示例从外部html加载模板，requirejs不适用于我 ko.components.register('like-or-dislike', { template: { require: 'text!files/component-like-widget.html' } })) 我将包含模板的html放在外部html中。将“文件/”替换为我的相对路径“/views/\u leyout” 它不起作用了我需要一个text.js文件来加载html？有什么例子吗？“

我正在实现用于淘汰的小部件示例

从外部html加载模板，requirejs不适用于我

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

}))

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

“text.js”是一个插件，您可以从主页下载。对我来说，为淘汰组件进行配置的最佳方法如下：

config.js

define(['ko'], function (ko) {

    ko.components.register('component-name', { require: 'components/viewmodels/component-name' });

});

component-name.js

define(['ko', 'text!components/templates/component-name.html'],function (ko, template) {

    var vm = function (params) {

    };

    return {
        viewModel: vm,
        template: template
    };

});

希望有帮助：）

“text.js”是一个插件，您可以从主页下载。对我来说，为淘汰组件进行配置的最佳方法如下：

config.js

define(['ko'], function (ko) {

    ko.components.register('component-name', { require: 'components/viewmodels/component-name' });

});

component-name.js

define(['ko', 'text!components/templates/component-name.html'],function (ko, template) {

    var vm = function (params) {

    };

    return {
        viewModel: vm,
        template: template
    };

});

希望它有帮助：）

答案user3144678是正确的。你应该在你的项目中包括。为了澄清如何使用它，我做了一些简单的项目：

项目结构：

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>

some-content.html：

<div>just some text</div>

只是一些文本

结果将是警报，里面有“一些文本”。

用户3144678的回答是正确的。你应该在你的项目中包括。为了澄清如何使用它，我做了一些简单的项目：

项目结构：

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>

some-content.html：

<div>just some text</div>

只是一些文本

结果将是警报，里面有“一些文本”