小编dsh*_*key的帖子

选项卡顺序ui-select for angularjs

我是angularjs的新手,我正在用它开发一个Web应用程序.我正在使用ui-select库来进行select2风格的下拉列表.我遇到了使用Tab键排序的简单用户体验问题.

我已经使用所有适当的tabindex值构建了一个表单.当我做正常的标签时,一切正常.但是,在我的任何一个下拉列表中,如果我键入一个选择的几个字母,这会导致选择最近的匹配条目,然后按Tab键,它不会像我期望的那样前进到下一个控件.

例

我正在寻找解决这个问题的方法.我在ui-select的文档中找不到任何可以解决此问题的内容.虽然首选适当的指令,但如果甚至有某种方法来设置自定义事件处理程序来完成所需的行为,我会很高兴.

我的目标是使这个表单适用于那些使用键盘高效并且不需要不必要地切换到鼠标的人.在我看来,这样的小中断在输入大量数据时会产生很大的不同.

我的ui-select代码由以下内容组成:

<ui-select id="EntityMfgr" reset-search-input="true" theme="select2" class="form-control" tabindex="2"
        data-ng-model="$parent.Edit.ManufacturerId" ng-required="true">
  <ui-select-match placeholder="- Please Select -">{{ $select.selected.Name }}</ui-select-match>
  <ui-select-choices repeat="mfgr.Id as mfgr in Manufacturers | anyFilter: { Name: $select.search }">
    <div data-ng-bind-html="mfgr.Name | highlight: $select.search"></div>
  </ui-select-choices>
</ui-select>
Run Code Online (Sandbox Code Playgroud)

所以......这是一个错误吗?它有指令吗?我可以接通一个事件处理程序吗?怎么解决这个问题?

html javascript angularjs

8
推荐指数
1
解决办法
1493
查看次数

$ http承诺链以错误的顺序运行

我是angularjs的新手.我的目标非常简单.我想进行ajax调用以获取数据,并且一旦完成,我想再次调用以获取依赖于第一组信息的另一组数据.

我正在尝试利用promise机制这样做,以便我可以利用链接而不是嵌套的ajax调用,并且更好地保留具有我可以根据需要绑定在一起的独立函数的能力.

我的代码类似于以下内容:

var promiseGetWorkTypes = function ($q, $scope, $http) {
	console.log("promiseGetWorkTypes");

	return $q(function (resolve, reject) {
		$http({
			method: 'GET',
			url: '/WorkTypes'
		}).then(
			function (payload) {
				console.log("Got workttypegroups")
				console.log(payload);

				$scope.WorkTypeGroups = payload.data;

				console.log("End of worktypegroups");
				resolve(payload);
			},
			function (payload) {
				reject(payload);
			});
	});
};

var promiseGetRecentActivities = function ($q, $scope, $http) {
	console.log("promiseGetRecentActivities");

	return $q(function (resolve, reject) {
		$http({
			method: 'GET',
			url: '/RecentHistory'
		}).then(
			function (payload) {
				$scope.RecentActivities = payload.data;

				resolve(payload);
			},
			// data contains the response
			// status is …
Run Code Online (Sandbox Code Playgroud)

javascript ajax promise angularjs angular-promise

6
推荐指数
1
解决办法
780
查看次数

标签 统计

angularjs ×2

javascript ×2

ajax ×1

angular-promise ×1

html ×1

promise ×1