首页 > 求mmRouter配合ms-include-src的教程

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

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


今天下午把这个想法弄出来了,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...

【热门文章】
【热门文章】