我需要为 自动调整大小（弹性）。 我需要使用 <textarea>，不能使用 <ion-textarea> 用于其他问题。</p> <p>我正在关注：<WBQ:3118258> & <a href="https://stackblitz.com/edit/expandable-input" rel="nofollow noreferrer">https://stackblitz.com/edit/expandable-input</a></p> <p><ion-textarea> 正在工作：</p> <pre><code>@Directive({ selector: 'ion-textarea[autosize]' }) </code></pre> <p>但是，不适用于 <textarea> </p> <pre><code>@Directive({ selector: 'textarea[autosize]' }) </code></pre> <p>这是我的 Stackblitz（自动调整大小不起作用）：<a href="https://stackblitz.com/edit/expandable-input-htjncw" rel="nofollow noreferrer">https://stackblitz.com/edit/expandable-input-htjncw</a></p> <p>控制台错误："ERROR TypeError: Cannot read property 'style' of undefined ..."</p> <p>代码：</p> <pre><code>adjust():void { const textArea = this.element.nativeElement.getElementsByTagName('textarea')[0]; textArea.style.overflow = 'hidden'; textArea.style.height = 'auto'; textArea.style.height = textArea.scrollHeight + 'px'; } </code></pre> </section> <div> <section class="answer"> <p>如果您将指令添加到 <code>textarea</code> 而不是 ion-textarea，您可以直接从 <code>nativeElement</code> 访问 html 元素。您不会通过 <code>getElementsByTagName</code></p> 访问 <pre><code>adjust():void { const textArea = this.element.nativeElement; textArea.style.overflow = 'hidden'; textArea.style.height = 'auto'; textArea.style.height = textArea.scrollHeight + 'px'; } </code></pre> </section> </div> </div> <div class="line"></div> <div id="footer">©2023 WhoseBug</div> </body> </html>