SVG从范围变量

Question

我正在使用SVG地图开发app。我安装了模块SVGInjector https://github.com/iconic/SVGInjector。 它可以工作，但只能使用静态URL，如：

<img class="inject-me" src="data/maps/building1.svg">

我想根据URL（$ stateParams）中的变量更改地图。 我的控制器看起来像这样：

function MapSingleCtrl(
    $scope,
    $stateParams,
    UserService,
    $ionicPopup,
    $state,
    $log
  ) {

    var vm = this;


    var mapSingle = {"id": $stateParams.id, "building": $stateParams.building, "floor": $stateParams.floor, "roomID": $stateParams.roomID, "room": $stateParams.room};

    $scope.svgMap = "data/maps/building1.svg";
    $scope.mapSingle = mapSingle;

    // Inject SVG
    var mySVGsToInject = document.querySelectorAll('img.inject-me');
    //console.log(mySVGsToInject);
    SVGInjector(mySVGsToInject);

  }

然后当我使用时：

<img class="inject-me" src="{{svgMap}}">

文件加载但我只能看到它，而不能与它交互 - CSS悬停不再起作用。

我该怎么做才能解决这个问题？ 提前感谢任何建议！ ;）