Question

我有以下内容：

<ai-dialog>
    <ai-dialog-header style="display:flex;justify-content:space-between">
        <span>New Person</span>
        <i class="fa fa-close" style="cursor:pointer" click.delegate="controller.cancel()"></i>
    </ai-dialog-header>

    <ai-dialog-body>
        <div style="display:flex;flex-grow: 1">
            <div class="field">
                <div class="field-title">First Name</div>
                <div class="field-value">
                   <input style="flex-grow:1" type="text" attach-focus="true" value.bind="criteria.firstName & validate" />
                </div>
            </div>
            ....
        </div>
     </ai-dialog-body>

     <ai-dialog-footer>
         ...
     </ai-dialog-footer>

当显示对话框时，我希望第一个名字输入框有焦点但没有任何焦点 - 我手动必须在框中单击以设置焦点。

有什么想法吗？

Answer 1

尝试以下操作： focus.bind =“ true”

<input style="flex-grow:1" type="text" focus.bind="true"...

您还可以根据模型来确定焦点，在这里不需要

。

更多详细信息： http://aurelia.io/blog/2015/06/05/building-aurelias-focus-attribute/

附加焦点不在aurelia对话框中工作

1 个答案: