seting focus angucomplete-alt

我正在使用指令angucomplete-alt，我正面臨一個問題，即在頁面加載時將注意力集中在輸入上，但我不知道如何去做以及解決方案如何發現似乎很哈克。seting focus angucomplete-alt

示例代碼：

<angucomplete-alt id="ex2" 
       placeholder="Search people" 
       pause="300" 
       selected-object="selectedPerson" 
       local-data="people" 
       local-search="localSearch" 
       title-field="firstName,surname" 
       description-field="twitter" 
       image-field="pic" 
       minlength="1" 
       input-class="form-control form-control-small" 
       match-class="highlight" />

來源

2016-07-04 Marco Santos

好了，我不知道這個指令，但似乎你不能將焦點設置輸入沒有一些哈克。我在他們的github上進行了一些搜索，我發現那裏有相同的issue，並且有可能解決您的問題的解決方案。

這裏是一個片段的工作：

var app = angular.module('app', ['angucomplete-alt']); 
 

 
app.controller('mainCtrl', function($scope, $timeout) { 
 
    $timeout(function() { 
 
    var searchInput = document.getElementById('ex2_value'); 
 
    searchInput.focus(); 
 
    }, 0); 
 
});

<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angucomplete-alt/2.4.1/angucomplete-alt.min.js"></script> 
 
</head> 
 

 
<body ng-controller="mainCtrl"> 
 
    <angucomplete-alt id="ex2" 
 
      placeholder="Search people" 
 
      pause="300" 
 
      selected-object="selectedPerson" 
 
      local-data="people" 
 
      local-search="localSearch" 
 
      title-field="firstName,surname" 
 
      description-field="twitter" 
 
      image-field="pic" 
 
      minlength="1" 
 
      input-class="form-control form-control-small" 
 
      match-class="highlight" /> 
 
</body> 
 

 
</html>

我希望它能幫助。

來源

2016-07-04 23:20:25 developer033

謝謝，只是一個問題$超時是什麼？ –

最後一個問題，我試圖在2個輸入中應用，唯一的第一個焦點應用，是否有一個原因？例如：$超時（函數（）{ VAR searchInputFirst =的document.getElementById（ 'FIRST_VALUE'）; VAR searchInputSecond =的document.getElementById（ 'SECOND_VALUE'）; searchInputFirst.focus（）; searchInputSecond.focus（）; }，0）; –

** 1。問題：**'$ timeout'只是一個設置延遲做某事的服務，你可以在文檔中獲得更多解釋：https://docs.angularjs.org/api/ng/service/$timeout。另一方面，這裏是無用的，除非你想稍微延遲一些時間來設定焦點。 **第2位。問題：**你一次只能關注一個元素。 – developer033

seting focus angucomplete-alt

回答

相關問題