AngularJS材质设计：md-tabs中不同选项卡的不同颜色

Question

有没有办法为md-tabs中的不同标签设置不同的背景颜色？ 默认情况下没有颜色，如tabs demo

中所示

我试过了<md-tabs background-color="green">，但它无效

Answer 1

AngularJS材质设计（md）标签，md-tabs背景颜色是透明的，并使用主容器的背景颜色。尝试为md-tabs添加CSS类。

  

为整个md-tabs添加了背景

md-tabs {
    background: red;
    border: 1px solid #e1e1e1; }

  

通过将CSS子项添加到md-tab类，您可以看到不同选项卡的不同颜色。

 .md-tab:first-child{background: green; } 
 .md-tab:nth-child(2){background: pink; } 
 .md-tab:nth-child(3){background: blue; } 

小提琴 https://jsfiddle.net/cxf3otz9/

codepen http://codepen.io/anon/pen/zGNEyw

Answer 2

在评估源代码后，我来到那里实现了标签标题的动态内容格式化。为此，请编写如下代码

app.factory('UserModel', ['$http', '$routeParams', 'env', '$q', function($http, $routeParams, env) {
            const user = {};
            user.get = get;
            user.create = create;
            user.destroy = destroy;
            user.update = update;

            return user;


            function create(data) {
                var config = {
                    headers: {
                        'Accept': "applicatio/json"
                    }
                };

                return $http.post(env.APP_URL + "/api/v1/users", data, config);
            }
        }]);