如何在將窗體重置爲原始狀態後重置焦點？

Question

我有一個具有自動聚焦屬性

<input placeholder="ID" type="text" name="searchId" autofocus 
        data-ng-model="vm.searchCriteria.searchId" data-ng-required="vm.isSearchIdRequired" 
        data-ng-minlength="1" data-sr-maxlength="{{vm.searchIdMaxLength}}" data-sr-numberonly 
        data-ng-class="{'input-error': vm.isSearchIdValid}" 
        data-ng-change="vm.onSearchIdChange()"> 

一個字段和我有一個明確的按鈕復位形式初始控制器

function reset() { 
      $scope.searchForm.$setPristine(); 
      $scope.vm.reset(); 
     } 

一切正常經由復位功能狀態，除了形式沒有重新回到searchId字段。處理這個問題的正確方法是什麼？我是否需要編寫指令並使用它來代替自動對焦？

Answer 1

autofocus是一個html5輸入屬性，它只在頁面加載時關注字段。當表單重置或使用JavaScript動態添加字段時，它不會重新觸發。因此，你將不得不爲它編寫一個指令。

Answer 2

也許你可以使用

https://github.com/hiebj/ng-focus-if

，並有 「searchForm。$ getPristine（）」 爲標準？