0

如何使用 HTML 代码中的数据连接角度控制器？

我有一个服务器端框架，它允许我通过将组件连接在一起来构建应用程序。其中一些组件被转换为一些 HTML 标记。其他组件仅提供第一种组件的数据。这部分的技术细节并不重要。

示例：服务器上有两个组件 VideoPlayer 和 PlayButton。PlayButton 连接到 VideoPlayer。当页面被渲染时， VideoPlayer 变为<div id="the_player" class="flowplayer">...</div>并且 PlayButton 变为<button data-player-id="the_player">...</button>。所以按钮的点击处理程序可以data-player-id用来查找播放器并使其播放。VideoPlayer ID ( the_player) 使用服务器上的连接在组件之间传递，因此可以有两个播放器和多个按钮，每个按钮只控制指定的播放器。请注意，这些连接并未在 JavaScript 代码中指定，因此组件连接的更改不会以任何方式影响 JavaScript 代码。

问题：如何使用 Angular 控制器来做这样的事情？Angular DI 太天真了，只希望每种服务都有一个实例。我喜欢控制器和 HTML DOM 之间的双向绑定，它使我的小部件非常简单。但是如何将此类小部件连接到 HTML 属性中寻址的数据源？

4

1 回答 1

0

使您的服务更加灵活并返回新的 Player 实例。

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

    var Player = function(){

    };

    Player.prototype.someMethod = function(){

    };

    return{

        getPlayer: function(){
            return new Player();
        }

    };
});
于 2014-02-08T13:24:04.127 回答