javascript - AngularJS - 在哪里放置第三方插件默认值？

Question

假设我们有一个第三方插件，我们可以在其中将一些选项设置为属性值。

<button options="prop.options">

在 Controller 中我们有:

/**
 * More about $scope.prop
 * - No need to access $scope 
 * - It should access $window
 * - It's pretty large object (e.g. 100 lines)
 */
$scope.prop = {options: {}};

我想让 Controller 尽可能薄，但是移动这个对象的最佳位置是什么？在这种情况下，什么被认为是好的做法？

Answer 1

对于此类数据，创建服务通常是可行的方法。这提供了一个集中的配置数据源，可以注入(inject)到需要使用它的任何组件中。

app.service('pluginOptions', function($window) {
    return {
        options: {
            prop1: 'x'
            prop2: 'y'
        }
    };
});

app.controller('myCtrl', function(pluginOptions, $scope) {
    $scope.prop = pluginOptions.options;
});