AngularJS を使用して Web ページを開発し、開発中に Google Chrome でテストしました。Chrome では正常に動作しますが、Internet Explorer 9 でもテストしたところ、大きな問題が発生しました。私は、属するカテゴリに応じて異なるhtmlを持つ人を表示するng-repeatを持っています。人ごとに異なるレイアウトを表示できるようにするには、次のコードを使用します。
HTMLコード
<ul class="listview image" >
<ng:include src="getIncludeFile(profile)" data-ng-repeat="profile in profiles"></ng:include>
</ul>
Javascript
$scope.getIncludeFile = function(profile) {
switch (profile.Age) {
case "Child":
return 'Child.html'; break;
case "Elder":
return 'Elder.html'; break;
default:
return 'Adult.html';
}
}
angular docsを読みましたが、メインのhtmlページの上部に次のものがあります。
<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" class="ng-app:app" id="ng-app" lang="en" ng-app="app" ng-controller="appController">
テンプレートに何を入力しても、IE には表示されません。正しい量の ng-includes が DOM に表示されるので、問題は ng-repeat ではないと思います。私はインターネット上で同様の問題を見つけていないので、誰かが何が間違っているのか知っているかどうか尋ねています.