There is no change in the index page template. The following code snippet has the full content of index.html:
<!DOCTYPE html>
<html>
<head>
<title>My Todo</title>
<script>document.write('<base href="' +
document.location + '" />');</script>
<meta charset="UTF-8">
<!-- Polyfills -->
<script src="libs/shim.min.js"></script>
<script src="libs/zone.min.js"></script>
<script src="libs/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
System.import('main.js').catch(function(err){ console.error(err); });
</script>
</head>
<body>
<my-app>Loading My Todo App...</my-app>
</body>
</html>
Note that the body tag has a special <my-app/> tag, which is the metadata in AppComponent. This is where AppComponent will be instantiated and rendered using the template.