the best practice is not to use angular markup in index.html so
the hide/show thing is not needed.
instead of <div>{{foo}}</div> use <div ng:bind="foo"></div> in
index.html. In other templates it is totally fine to use markup.
<title>my angular app</title>
<link rel="stylesheet" href="css/app.css"/>
</head>
-<body style="display:none" ng:show="true">
+<body>
<ul class="menu">
<li><a href="#/view1">view1</a></li>
<li><a href="#/view2">view2</a></li>