我正在使用指令谷丙转氨酶,我面临一个问题,就是在页面加载后立即将焦点放在输入上,但我不知道该如何做,而且我发现的解决方案似乎很麻烦。
示例代码:
<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 23:20:25
嗯,我不知道这个指令,但似乎你不可能在没有麻烦的情况下把注意力集中在输入上。我在他们的github上做了一些搜索,并在那里找到了相同的问题,并且有一个可能的解决方案可以解决您的问题。
下面是一个代码片段:
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>
希望能帮上忙。
https://stackoverflow.com/questions/38192910
复制相似问题