コンポーネントが正常に読み込まれていますが、スタイルがロードされていないか、イベントが発生していません。私はドキュメンテーションに従っており、エラーはスローされていませんが、ここで何か根本的なものが欠落しているようです。マークロテンプレートでスタイルとイベントが動作しない
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>
サーバ側:マルコ/ノード必要とマルコ/ Expressを使用しても
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 });
});
。
は、明示的に 'Explanation'コンポーネントをインポートする必要はありません。 –