当前位置：文江博客话题详情

求mmRouter配合ms-include-src的教程

发布于 2022-09-03 13:24:05 字数 133 浏览 14 评论 0

除了地址栏变化，还能实现类似ms-include-src功能，好像是还要配合mmState？
avalon2却偏偏不能使用mmState
求能否基于avalon1.5.*，用ms-include-src配合mmRouter使用的demo？

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你没皮卡萌 2022-09-10 13:24:05

今天下午把这个想法弄出来了,avalon版本测试（1.4.1,1.5.5）

html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>路由系统</title>
<style>
div{height:40px}
</style>
<script src="avalon.js"></script>
<script src="mmHistory.js"></script>
<script src="mmRouter.js"></script>
<script>
var model=avalon.define({
$id:'xxx',
bbb:'',
aaa:'',
ccc:''
});
require(["mmRouter"], function() {
avalon.router.get("/aaa/",function(){
model.aaa='template1.html';
});
avalon.router.get("/ddd/222/yyy/",function(){
model.bbb='bbb';

});
avalon.router.get("/你好 啊/",function(){
model.ccc='cmy';

});
avalon.history.start({
basepath: "/avalon"
});
avalon.scan();
})
</script>
</head>
<body >
<div ms-controller="xxx">
<ul>
<li><a href="#!/aaa">aaa</a></li>
<li><a href="#!/ddd/222/yyy">ddd</a></li>
<li><a href="#!/你好 啊">eee</a></li>
</ul>
<div ms-include-src="aaa"></div>
<div ms-text="bbb"></div>
<div ms-text="ccc"></div>
</div>

</body>
</html>

js代码下载网址：
https://github.com/RubyLouvre...

回复收藏 0

~没有更多了~