Angular:组件的默认配置

时间:2015-03-05 19:29:36

标签: angularjs tabs angularjs-scope angular-ui-bootstrap

如何将此配置应用于我的组件。我使用控制器和我的配置设置,但我如何提供像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
    }
];

1 个答案:

答案 0 :(得分:2)

您可以在案例中使用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'
   });
});

希望这可以帮助你,谢谢。