LightSpeedC/links.html

## links.html
<!DOCTYPE html>
<meta charset="UTF-8">
<title>links - Mithril.js</title>

<script src="mithril.min.js"></script>
<!--[if IE]><script src="es5-shim.min.js"></script><![endif]-->

<body>
<div id="$linksElement"></div>
</body>

<script>

// コンポーネント定義
var linksComponent = {
    // コントローラ
    controller: function () {
        // データをサーバーから取得する
        this.list = m.request({method: 'GET', url: 'links.json', initialValue: []});
    },
    // ビュー
    view: function (ctrl) {
        return m('ul',
            ctrl.list().map(function (item) {
                return m('li', [m('a', {href: item.url}, item.title)]);
            })
        );
    }
};

m.mount($linksElement, linksComponent);

</script>

## links.json
[
  {"title": "qiita.com", "url": "http://qiita.com"},
  {"title": "google",    "url": "http://www.google.co.jp"},
  {"title": "facebook",  "url": "http://www.facebook.com"}
]
	<!DOCTYPE html>
	<meta charset="UTF-8">
	<title>links - Mithril.js</title>

	<script src="mithril.min.js"></script>
	<!--[if IE]><script src="es5-shim.min.js"></script><![endif]-->

	<body>
	<div id="$linksElement"></div>
	</body>

	<script>

	// コンポーネント定義
	var linksComponent = {
	// コントローラ
	controller: function () {
	// データをサーバーから取得する
	this.list = m.request({method: 'GET', url: 'links.json', initialValue: []});
	},
	// ビュー
	view: function (ctrl) {
	return m('ul',
	ctrl.list().map(function (item) {
	return m('li', [m('a', {href: item.url}, item.title)]);
	})
	);
	}
	};

	m.mount($linksElement, linksComponent);

	</script>
	[
	{"title": "qiita.com", "url": "http://qiita.com"},
	{"title": "google", "url": "http://www.google.co.jp"},
	{"title": "facebook", "url": "http://www.facebook.com"}
	]