按下输入按钮，焦点不起作用

Question

我有AngularJS模板（模态对话框），代码如下：

<div class="col-sm-9 dlg-input-pr">
    <div>
        <label for="ClientsURL">URL for client</label>
        <input id="ClientsURL" ng-model="publishOptions.uniqueURL" type="text" class="uui-form-element" value="{{publishOptions.uniqueURL}}" select-on-click tabindex="1" />
    </div>
</div>
<div class="col-sm-3 dlg-btn screen">
    <ng-switch on="isPublishOptionsHidden">
        <button ng-switch-when="true"
                class="uui-button lime-green"
                clip-copy="getTextToCopy()"
                auto-focus>
            Copy
        </button>
        <button ng-switch-when="false"
                class="uui-button lime-green"
                clip-copy="getTextToCopy()">
            Copy
        </button>
    </ng-switch>
</div>

这是获取要复制的文本的函数：

$scope.getTextToCopy = function () {
    return $scope.publishOptions.uniqueURL;
};

第一个目标是在对话框打开时将焦点放在按钮上，我使用自动对焦指令。第二个目标是在焦点按下按钮时添加输入并从输入框（ClientsURL）复制文本的可能性。它没有工作，也没有将文本复制到剪贴板。当我用鼠标点击按钮时，它可以工作。

如何解决这个问题？