我安装了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中定义的服务。 可能有什么问题?
答案 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
函数中配置激活的路径。