oza*_*dlb 17 javascript firefox selection option angularjs
我正在AngularJS中构建一个应用程序,在使用Firefox时遇到选择下拉菜单的问题.
当我单击选择菜单并将鼠标悬停在选项上时,它会将所选选项从我的光标悬停的选项重置为默认/第一个选项.当选项数量很大时,选择正确的选项变得非常困难.
该应用程序需要JavaScript每秒更新一次屏幕,这似乎是原因.
但是,我似乎没有Chrome或Safari的这个问题.
有没有办法解决这个问题？
的index.html
<!DOCTYPE html>
<html ng-app="myapp">
<head>
<script data-require="angular.js@1.0.7" data-semver="1.0.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<link href="style.css" rel="stylesheet" />
<script src="script.js"></script>
</head>
<body ng-controller="ctrl">
<div ng-init="updatetimer()">
<div>seconds: {{counter}}</div>
<select ng-model="something" ng-options="n.name for n in namelist">
<option value="">select person</option>
</select>
</div>
</body>
</html>
的script.js
var app = angular.module('myapp', []);
var ctrl = ['$scope', '$timeout', function($scope, $timeout) {
$scope.counter=0;
$scope.namelist = [
{name: "Name1"}, {name: "Name2"}, {name: "Name3"}, {name: "Name4"}, {name: "Name5"},
{name: "Name6"}, {name: "Name7"}, {name: "Name8"}, {name: "Name9"}, {name: "Name10"},
{name: "Name11"}, {name: "Name12"}, {name: "Name13"}, {name: "Name14"},
{name: "Name15"}, {name: "Name16"}, {name: "Name17"}, {name: "Name18"},
{name: "Name19"}, {name: "Name20"}, {name: "Name21"}, {name: "Name22"},
{name: "Name23"}, {name: "Name24"}, {name: "Name25"}, {name: "Name26"},
{name: "Name27"}, {name: "Name28"}, {name: "Name29"}, {name: "Name30"}
];
$scope.updatetimer = function() {
var updater = function() {
$scope.counter++;
$timeout(updater, 1000);
}
updater();
};
}];
看来通过ng-options创建“选项”元素是此问题的根本原因。
我对代码做了一些修改，以确定这是否是问题所在
参见 plunkr
http://plnkr.co/edit/DLf2wvVGXRiwci6FhqQO?p=preview
我所做的是将选项的创建逻辑移至ng-repeat。现在就可以解决这个问题了。
| 归档时间： |
|
| 查看次数： |
3118 次 |
| 最近记录： |