angular 2 - 自动对焦动态输入-6ren

angular 2 - 自动对焦动态输入

转载作者：行者123 更新时间：2023-12-02 09:22:05

<分区>

我有两个组件，它们是这样的

MessageComponent.ts

@Component({
        selector: 'Message',
        template: `
            <InlineReply *ngIf="show"></InlineReply>
            <a *ngIf="!show" (click)="toggleForm()">reply</a>
        `
    })
    export class Message {
        public show: boolean = false
        toggleForm(){
            this.show = this.show ? false : true
        }
        onSub(status: boolean){
            this.toggleForm()
        }
    }

InlineReplyComponent.ts

  @Component({
        selector: 'InlineReply',
        template: `
            <form (ngSubmit)="onSubmit()">
                <input name="message" placeholder="Reply..." />
                <button type="submit" disabled>Post</button>
            </form>
        `
    })
    export class InlinePost{
        onSubmit(): void {
            this.submitted = true;
        }
    }

它的作用是，当您点击 MessageComponent 中的回复链接时，会出现一个表单。

我想要做的是，当表单显示时，输入将自动聚焦。有什么想法吗？

编辑:类似主题的答案不适用于此代码