如何在用户点击时更改手机中搜索栏的位置

Question

我正在开发一个使用Angular开发的搜索引擎的开源项目。对于较小的屏幕尺寸，搜索栏的位置在中间，一旦用户点击它就会隐藏在键盘终端后面。任何人请告诉我如何检测此事件并更改搜索栏的位置。

Answer 1

您可以绑定自定义或单击事件以使用CSS动态更改位置。

或者您可以使用类似

的ngStyle

    <button class="my-btn" [ngStyle]="setStyles()">Call to Action</button>



setStyles() {
    let styles = {
        // CSS property names
        'font-style':  this.someProperty ? 'italic' : 'normal',     // italic
        'font-weight': this.anotherProperty ? 'bold'   : 'normal',  // normal
    };
    return styles;
}