初試Google所開發出的前端js框架，習慣性的測試一下各個瀏覽器版本是否有相容性問題。
在Firefox、Chrome底下都沒問題，但用IETESTER測試IE各個版本時，發現在IE8以下版本，AngularJS失去作用了，整個Template露出來給你看 冏
於是詢問孤狗大神 + 實際測試後，找到了解決方法，趕快作筆記起來 XD
粗體字為解決方法:
1、將ng-app指令拿掉，以id="ng-app" class="ng-app"取而代之。
2.瀏覽器若為IE8以下則匯入JSON2 or JSON3
<html ng-app id="ng-app" class="ng-app">
<head runat="server">
<title></title>
<!--[if lte IE 8]>
<script src="http://cdnjs.cloudflare.com/ajax/libs/json3/3.2.4/json3.min.js"></script>
<![endif]-->
<script src="Scripts/angular.min.js" type="text/javascript"></script>
<style type="text/css">
table,table td{border:1px solid gray}
</style>
</head>
<body >
<form id="form1" runat="server">
<div ng-init="friends = [{ name: 'John', age: 25 }, { name: 'Mary', age: 28}]">有{{friends.length}}筆資料</div>
<br />
<table >
<tr ng-repeat="friend in friends">
<td>{{friend.name}}</td><td>{{friend.age}}</td>
</tr>
</table>
</form>
</body>
</html>
留言列表
前端網頁相關技術 (5)
