在模态窗口中聚焦第二个元素（Angular，Bootstrap UI）

Question

我在模态窗口中有两个按钮。当我打开窗口时，第一个按钮被聚焦。如何将焦点更改为第二个按钮？

Answer 1

使用多指令时，最好使用 attr 观察，因为您可能会遇到创建隔离范围的多指令问题

app.directive('focusMe', function ($timeout) {
    return {
        link: function (scope, element, attr) {
            attr.$observe('focusMe', function (value) {
                if (value === "true") {
                    $timeout(function () {
                        element[0].focus();
                    });
                }
                else
                {
                    $timeout(function () {
                        element[0].focusout();
                    });
                 }
            });
        }
    };
});

<input name="button1" focus-me="false" type="text"/>
<input name="button2" focus-me="true" type="text"/>