Question

有没有办法将类应用于Angular中的每个路由组件。一种方法是为每个组件使用host属性，如

@Component({
    moduleId: module.id,
    selector: 'one',
    host :{class :'my-class'}
    templateUrl: 'one.html',
})

但我不想为每个组件写这个。

Answer 1

你真的需要添加类或只是设置所有路由组件的样式吗？您可以将其添加到样式所有路由组件：

router.post('/increase', function (req, res, next) {

    req.session.counter++;

    var ans = req.body;

    console.log(ans+" this got printed");

    res.redirect('docfill');


});

说明：

Angular将组件插入router-outlet + * { //your styles }标记旁边，因此渲染的html看起来像：

<router-outlet>

<router-outlet></router-outlet> <some-component></some-component>是router-outlet + *

的任何下一个兄弟的css选择器

Answer 2

如果您使用的是 <router-outlet> ，只需在插座周围添加div，并将div的类设置为"my-class"。

<div class="my-class">        
    <router-outlet></router-outlet>
</div>

将类应用于Angular中的每个路由组件

2 个答案: