为什么热毛巾没有加载我的Javascript文件

时间:2013-06-03 12:16:22

标签: single-page-application hottowel

我安装了hottowel。修改 Shell.html ,如下所示

<section id="content" >
     <!--ko compose: {view: 'master'} --><!--/ko-->
</section>

master.html 文件中,我调用另一个名为 search.html

的html文件
<section >
        <div id="SearchDetails">
            <section>
                 <!--ko compose: {view: 'search'} --><!--/ko-->
            </section>

        </div>

它加载search.html很好。但它并没有打电话给我的restservice,我写了 search.js ,如下所示

define(['services/dataservice'], function (dataservice) {
var productVersionData = ko.observableArray();
var initialized = false;
var vm = {
    activate: activate,
    productVersionData: productVersionData

};
return vm;

function activate() {
    alert(" i am hit");
    if (initialized) { return; }
    initialized = true;
    return refresh();
}

function refresh() {
    return dataservice.getProductVersionPartials(productVersionData);
}

});

在我的 shell.js 中,我调用所有视图模型,如下所示

define(['durandal/system', 'durandal/plugins/router', 'services/logger'],
function (system, router, logger) {
    var shell = {
        activate: activate,
        router: router
    };

    return shell;

    //#region Internal Methods
    function activate() {
        return boot();
    }

    function boot() {
        router.mapNav('master');
        router.mapNav('search');
        log('Hot Towel SPA Loaded!', null, true);
        return router.activate('master');
    }

    function log(msg, data, showToast) {
        logger.log(msg, data, system.getModuleId(shell), showToast);
    }

});

我将调试器语句,console.log语句放在 search.js 中,但它不是以某种方式加载search.js。这就是为什么它没有调用dataservice中定义的服务。 可能有什么问题?

1 个答案:

答案 0 :(得分:1)

您的问题是您在内容部分的 shell.html 文件中所做的更改。进行以下更改,您的404应该消失:

<section id="content" class="main container-fluid">
    <!--ko compose: {model: 'viewmodels/master', activate: true} -->
    <!--/ko-->
</section>

我不熟悉你正在使用的 config.js 模式,但我认为你想回到使用路由器来动态设置{{1} shell.html 中的参数,并在Hot Towel模板附带的 shell.js model函数中配置激活的路径。