Angular：组件的默认配置

Question

如何将此配置应用到我的组件。我使用的是我自己设置的控制器，但是我怎样才能像在 jquery 插件中一样提供默认的配置选项集：

    $.fn.helloWorld = function( options ) {

        // Establish our default settings
        var settings = $.extend({
            descriptionTemplate.content: 'Hello, World!',
            type         : 'tab',
            id           : null
        }, options);

    }

我的控制器正在提供这个对象：

vm.tabs = [
    {
        id: '1',
        type: 'tab',
        sections: {
            tabTitle: 'The Caribbean'
        },
        descriptionTemplate : {
            content: 'text goes here'
        },
        active: true
    }
];

Answer 1

您可以在您的情况下使用 angular.config 用于配置目的

常数

var app = angular.module('app',[])
.config('constants', {
   id: 1,
   tab: 'test',
   description: 'test'
});

现在您创建了一个随处可用的配置，您还可以使用 angular.extend({}, object1, object2) 在任何地方扩展它

控制器

app .controller('Ctrl',fuction($scope, constants){
   //you can further extend constants using extend method
   angular.extend(constants,{
       id: 2,
       tab: 'test1',
       description: 'test1'
   });
});

希望对你有帮助，谢谢。