我无法让 Mithril hello world MVC 示例正常工作。
这是我的代码,从Mitrhil homepage复制而来。请注意,我所做的唯一更改是将m.request({method: "GET", url: "pages.json"});
方法调用交换为手动生成的 pages 对象。
//namespace
var app = {};
//model
app.PageList = function() {
var pages = [];
pages.push({title: 'page 1', url: '/page1.html'});
pages.push({title: 'page 2', url: '/page2.html'});
return pages;
};
//controller
app.controller = function() {
var pages = app.PageList();
return {
pages: pages,
rotate: function() {
pages().push(pages().shift());
}
}
};
//view
app.view = function(ctrl) {
return [
ctrl.pages().map(function(page) {
return m("a", {href: page.url}, page.title);
}),
m("button", {onclick: ctrl.rotate}, "Rotate links")
];
};
//initialize
m.module(document.getElementById("example"), app);
如您所见,我上面在jsFiddle中的示例不起作用,但另一个 Mitrhil 示例,待办事项应用程序jsFiddle可以正常工作。
我认为基本的 MVC Mitrhil 示例可以像 Todo 应用程序那样简单地工作,并且可能链接到 jsFiddle 或 CodePen 示例供用户分叉,类似于 React。