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

希望对您有所帮助，谢谢。

Angular: 组件的默认配置

Angular: default config for component

tabs

angularjs

angularjs-scope

angular-ui-bootstrap