將SVG與AngularJS一起使用時(shí)，遇到了一個(gè)奇怪的行為。我正在使用該$routeProvider服務(wù)配置我的路線。當(dāng)我將這個(gè)簡單的SVG放在模板中時(shí)，一切都很好：<div id="my-template">    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">        <rect fill="red" height="200" width="300" />    </svg>    // ...</div>但是，當(dāng)我添加一個(gè)過濾器時(shí)，例如以下代碼：<div id="my-template">    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">        <defs>            <filter id="blurred">                <feGaussianBlur stdDeviation="5"/>            </filter>        </defs>        <rect style="filter:url(#blurred)" fill="red" height="200" width="300" />    </svg></div>然后：它可以在我的主頁上運(yùn)行。使用Firefox時(shí)，SVG 在其他頁面上不再可見，但仍然留有空間。使用Chrome時(shí)，SVG是可見的，但根本不會(huì)模糊。當(dāng)我手動(dòng)（使用Firebug）刪除filter樣式時(shí)，SVG再次可見。這是路由配置：$routeProvider    .when('/site/other-page/', {            templateUrl : 'view/Site/OtherPage.html',            controller : 'Site.OtherPage'    })    .when('/', {            templateUrl : 'view/Site/Home.html',            controller : 'Site.Home'    })    .otherwise({        redirectTo : '/'    });Fiddle請(qǐng)注意，盡管Chrome可在Firefox中“運(yùn)行”，但我無法在Fiddle中重現(xiàn)該問題。我試圖用來創(chuàng)建我的整個(gè)SVG都無濟(jì)于事document.createElementNS()。有人對(duì)發(fā)生的事情有想法嗎？