0

アップデート：

したがって、これはタイトル要素を更新する IE と JavaScript の問題であると思われます。それを念頭に置いて、誰もその問題を解決する方法を知っていますか? 現時点では、この質問に対して受け入れる答えがありません。

元の質問:

私は最近 AngularJS を深く掘り下げていて、とても気に入っています。しかし、私は大きな問題に直面しています。データ バインディング/テンプレートが IE 8 で機能しません。my で呼び出される変数を設定していますが$scope.pageTitle、MainControllerChrome と Firefox で機能します。IE 8 では{{pageTitle}}、タイトル バーのように表示されますが、これを修正する方法に関する情報が見つかりません。それは私を夢中にさせます。見落としている可能性のあるリソースを教えてくれる人はいますか? 本当に必要な場合は、例として jsfiddle を作成できます。

これが私のトップですindex.html：

<!DOCTYPE html>
<html lang="en" ng-app="App" ng-controller="MainController">
    <head>
        <!-- Vendor JS Libraries -->
        <script type="text/javascript" src="lib/angular.js"></script>
        <script type="text/javascript" src="lib/underscore-min.js"></script>
        <script type="text/javascript" src="lib/jquery.js"></script>
        <!-- Bootstrap JS & CSS -->
        <script type="text/javascript" src="lib/bootstrap/js/bootstrap.js"></script>
        <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css">
        <!-- Lightbox  JS & CSS-->
        <script type="text/javascript" src="lib/lightbox/js/lightbox.js"></script>
        <link rel="stylesheet" type="text/css" href="lib/lightbox/css/lightbox.css">
        <!-- Application resources -->
        <script src="static/app.js"></script>
        <link rel="stylesheet" type="text/css" href="static/app.css">

        <title>{{pageTitle}} &ndash; Site Name</title>
    </head>

そして私のapp.js：

//AngularJS stuff
angular.module('App', []).
    config(function($routeProvider)
    {
        $routeProvider.
            when('/home', {templateUrl:'templates/home.html', controller:HomeController}).
            otherwise({redirectTo:'/home'})
    });

function MainController($scope){
    $scope.pageTitle = 'Default';

    $scope.setPageTitle = function(pageTitle){
        $scope.pageTitle = pageTitle;
    }
}

function HomeController($scope){
    $scope.setPageTitle('Home');
}
4

1 に答える 1

2

コメントの形で来たので、投稿して返信すると思いました。これは IE の問題で、Javascript でタイトル タグを変更しているようです。IE条件を使用してこれを解決しました

<!--[if !IE]> -->
<title>{{pageTitle}} &ndash; Site Title</title>
<!-- <![endif]-->

<!--[if IE]>
<title>Site Title</title>
<![endif]-->

理想的ではありませんが、うまくいきます。

于 2012-12-09T18:22:49.077 に答える