gpt4 book ai didi

angular - Angular中改变某个组件布局的宽度

转载 作者:行者123 更新时间:2023-12-05 02:17:59 25 4
gpt4 key购买 nike

是否可以仅在选定的组件中更改布局的宽度?我想更改 <div class="page home-page">仅在我的登录组件中?仅在登录组件中,不在其他组件中。

最佳答案

指令可以解决您的问题。

src/app/width.directive.ts

import { Directive, ElementRef, Input } from '@angular/core';

@Directive({ selector: '[width]' })
export class widthDirective {

@Input()
set width(width: number) {
this.el.nativeElement.style.width = `${this._width}px`;
}

constructor(el: ElementRef) {}
}

然后在你可以使用的任何组件中:

<div class="page home-page" width [width]="500">

如果你想让你的指令在任何地方都可以访问,你可以关注 this answer .

关于angular - Angular中改变某个组件布局的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46483522/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com