27

我有一个名为“播放器”的服务,当 Flash 对象完成加载时,我需要更新该服务。

mySongPlayer.factory('player', function() {

var isPlayerLoaded = false;
var playerHolder = '';

window.playerReady = function(thePlayer) {
    playerHolder = window.document[thePlayer.id];
    addListeners();
    isPlayerLoaded = true;
}

var flashvars = {
    file:"", 
    autostart:"true",
    skin: "/skins/glow/glow.zip",
}

var params = {
    allowfullscreen:"false", 
    allowscriptaccess:"always"
}

var attributes = {
    id:"player1",  
    name:"player1"                    
}

swfobject.embedSWF("/player.swf", "player_placeholder", "100%", "40", "9.0.115", false, flashvars, params, attributes);

var playObj;
return playObj || (playObj = {
    currentId: 'test', currentUrl: 'url', playerHolder: ''
});
});​

我知道如何使用

angular.element(DOMElement).injector().get('player')

但它返回一个新的“播放器”实例,而我需要更新模块中已经创建的实例。有没有办法做到这一点?我只想要一个播放器实例,但我需要从外部 javascript 初始化它。

4

1 回答 1

56

好吧,我真的看不到你在做什么,但你可能大约有 1/2 的距离。

这是我将要描述的内容

injector.get()应该返回与您的应用程序中相同的 Service 实例。您可能只是看到一个让您认为您有不同实例的问题。

所以你需要做的是:

  • 确保您从服务中放入范围的是对象引用。如果它是原始类型,则它不会是相同的引用,因此不会更新。
  • 一定要从你的角度元素中获取范围angular.element(DOMElement).scope(),然后调用$apply()它。

这是代码:

app.controller('MainCtrl', function($scope, myService) {
  // Set a var on the scope to an object reference of the
  // (or from the) service.
  $scope.myService = myService;
});

app.factory('myService', function(){
  return {
    foo: 'bar'
  };
});

//do a little something to change the service externally.
setTimeout(function(){
  //get your angular element
  var elem = angular.element(document.querySelector('[ng-controller]'));

  //get the injector.
  var injector = elem.injector();

  //get the service.
  var myService = injector.get('myService');

  //update the service.
  myService.foo = 'test';

  //apply the changes to the scope.
  elem.scope().$apply();
}, 2000)

其他想法:

  • 您可能希望注入$window到您的服务中,而不是使用 window 对象来维护您的服务的可测试性。
  • 对于 DOM 操作,例如创建 Flash 电影播放器​​,指令可能是更好的选择。
于 2012-11-28T20:45:09.397 回答