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;
});