文章/答案/技术大牛

发布

社区首页 >问答首页 >在marko模板中不工作的样式和事件

问在marko模板中不工作的样式和事件
EN

Stack Overflow用户

提问于 2017-10-19 15:29:36

回答 1查看 939关注 0票数 1

我的组件加载良好，但样式没有加载，事件也没有触发。我正在跟踪文档，没有错误被抛出，但似乎我在这里可能遗漏了一些基本的东西？

用res.marko呈现的视图模板

import Explanation from "./components/explanation.marko";
<!DOCTYPE html>
<html lang="en">
<head>
  ...
</head>
<body>
  ...
  <include(Explanation, input.explanation) />
  ...
</body>
</html>

explanation.marko file

class {
  onExplanationClick() {
    console.log("Explanation clicked");
  }
}

style {
  .explanation-paragraph {
    color: red;
  }
}

<div id="explanation" on-click('onExplanationClick')>
  <for (paragraph in input.content)>
    <p class="explanation-paragraph">${paragraph}</p>
  </for>
</div>

服务器端：

app.get("/explanation/:id", async function(req, res) {
  var explanation = await findExplanation(req.params.id);
  var template = require("../../views/explanation/explanation.marko");
  res.marko(template, { explanation, user: req.user });
});

也可以使用marko/node-require和marko/express。

marko

express

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-10-20 16:56:10

您将需要集成一个模块绑定器/资产管道。在示例马科特快应用程序中，我们使用的是套索 (资产管道+ JavaScript模块绑定程序)。

还有另一个集成Webpack的示例应用程序：https://github.com/marko-js-samples/marko-webpack

马科团队支持拉索和Webpack，但我们推荐拉索，因为它更简单，需要最少的配置。

请看一下marko-express应用程序，如果你被卡住了，可以在我们的Gitter聊天室问问题：https://gitter.im/marko-js/marko

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46833550

复制

相似问题

问在marko模板中不工作的样式和事件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在marko模板中不工作的样式和事件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在marko模板中不工作的样式和事件
EN