如何摆脱下拉菜单选项/下拉菜单- angular JS中的空白？
在AngularJS中，如果下拉菜单的选项为空白，可以通过以下方法解决：
- 检查数据源：首先，确保下拉菜单的选项数据源正确。检查数据源是否为空或者是否正确绑定到下拉菜单的选项。
- 使用ng-options指令：在AngularJS中，可以使用ng-options指令来动态生成下拉菜单的选项。确保正确使用ng-options指令并绑定正确的数据源。
- 检查数据格式：确保数据源中的数据格式正确。如果数据源是一个数组，确保数组中的每个元素都有正确的属性来显示在下拉菜单中。
- 检查ng-model绑定：确保ng-model指令正确绑定到下拉菜单的选中值。如果ng-model绑定错误，可能导致下拉菜单无法正确显示选中的值。
- 检查CSS样式：有时候，下拉菜单的选项可能因为CSS样式的问题而显示为空白。检查下拉菜单的CSS样式，确保没有覆盖或隐藏了选项的显示。
- 使用ng-show/ng-hide指令：如果下拉菜单的选项在某些条件下需要隐藏或显示，可以使用ng-show或ng-hide指令来控制选项的显示与隐藏。确保正确使用这些指令并设置正确的条件。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）是一种弹性计算服务，提供安全可靠、弹性扩展的云端计算能力，适用于各类应用场景。您可以通过腾讯云云服务器来部署和运行您的应用程序，包括前端开发、后端开发、数据库、服务器运维等。了解更多信息，请访问腾讯云云服务器产品介绍页面：https://cloud.tencent.com/product/cvm
请注意，以上答案仅供参考，具体解决方法可能因实际情况而异。
相关·内容
我是Angular JS的新手。
我正在尝试清除下拉列表中除默认的“-select-”选项之外的所有选项值。
但随后会在下拉列表中创建一个额外的空白选项。我无法删除此空白选项
可能是因为$scope.screenResponse是空的。如何使用“-Select-”选项创建下拉菜单？
JS控制器代码：
delete $scope.screenResponse;
HTML代码：
<select ng-model="messageSource" name="messageSource" ng-options="object.id as object.va
浏览 0提问于2016-08-10得票数 3
我正在构建一个AngularJS应用程序(1.4)，现在我正在使用一个下拉菜单来选择不同的页面。
问题是，当我在菜单中选择一个页面并转到该页面时，我希望在下拉菜单中自动选择该页面的名称，但这并没有发生。
代码如下：
<select ng-options="menu_voice.name for menu_voice in menu_voices track by menu_voice.url" ng-model='selectedOption' ng-change="changeLink()">
</select>
JS代
浏览 0提问于2016-11-03得票数 0
1回答
我正在尝试创建一个Ng表和一个选择下拉菜单，以过滤结果。到目前为止，这就是我所得到的。
1)如何摆脱由于筛选菜单而创建的分页？我只需要一页。我知道我可以通过CSS ..ng表格寻呼机{ display: none；}来完成这个任务。然而，这两个分页都将消失。
2)默认筛选菜单为空白，显示所有数据。这太棒了。如何将空白字段更改为“所有”文本字段？
3)我可以在调用筛选函数之前添加一个提交按钮，而不是直接过滤吗？
(function() {
"use strict";
angular.module("uCloud", ["ngTable
浏览 1提问于2017-05-13得票数 2
回答已采纳
3回答
我们有一个wordpress博客：和下拉菜单从我记事起就有这个bug了。如果您快速地在菜单之间来回悬停，您将会注意到工件。菜单不会关闭，将保持打开状态，但显示为空白白色。
我们的菜单出了什么问题？是过渡导致了这一点吗？我们怎么能修复它呢？我不介意摆脱过渡，如果这意味着要摆脱工件的话。
浏览 2提问于2018-02-16得票数 0
在Angular JS版本1.2.2中使用search\Typo实现下拉菜单的最佳方式
(具有Asp.net后端的应用程序，不使用引导的Angular JS前端)
浏览 1提问于2017-02-17得票数 0
1回答
我使用的是一个jQuery插件，它可以将一个普通的选择下拉菜单转换成一个花哨的多选下拉菜单。下面是插件url：
现在，我面临的问题是，我使用angular js来绑定DropDown值。并且，我使用了angular js指令，如下所示
app.directive('ccMultipleSelect', function () {
var directive = {
link: link,
restrict: 'A'
};
return directive;
function link(scope,
浏览 0提问于2015-07-07得票数 2
我有一个连接到数据库的简单AngularJS表单。
该表单在HTML表中显示姓名和出生国家的列表：
<table class="table table-bordered" style="max-width: 100%;" id="myAreas">
<tr ng-repeat="name in Names">
<td>{{name.FullName}}</td>
<td>
浏览 0提问于2017-08-18得票数 0
4回答
在引导中显示标题-选择没有空元素
、、、、
在中，如何防止标题中显示第一个选定的项。或者，如何将空的第一项隐藏在下拉选项列表中？
在<select>中，默认情况下，<option>元素将自动选择第一个<option>元素。通常的方法是创建一个空白的第一行，但是在引导选择显示的下拉菜单中，这看起来很奇怪。
以下是我的两个选择：
<select class="selectpicker" title="Pick One">
<option>Mustard</option>
<option>Ketchup</opti
浏览 4提问于2014-12-31得票数 9
回答已采纳
3回答
我已经在我们的angular项目中使用了primeng多选下拉菜单。但是我们需要加载的数据量非常大，比如4-5K的元素。因此，我的dropdown在加载过程中需要10秒。
请建议我如何提高创建多选下拉菜单的性能。
浏览 10提问于2017-12-25得票数 7
回答已采纳
下面的函数来自angularjs控制器，并动态设置下拉菜单的值，它可以工作，但第一个选项始终为空，值为"?“。我应该如何修改函数以删除空白选项或将选定选项设置为items --编辑-- 我还没有发布完整的控制器，它来自第三方软件包，控制器显示当DropDown值改变时函数u被调用。 有两个下拉列表，当其中一个更改时，另一个应使用新数据更新，此部分工作，但新数据具有上面所述的额外空白选项。 谢谢 function u() {
var subs;
if (n.model.alias == "group") {
浏览 36提问于2021-02-22得票数 2
回答已采纳
我有一个外部RESTful数据源，用于在各种选择框中创建选项，如下所示：
<div data-ng-app="app">
<custom-select ng-model="selectedValue" option-source="myCodes">
<option value="">ALL</option>
</custom-select>
</div>
我已经编写了一个指令来成功执行查找并填充下拉菜单
var app = a
浏览 1提问于2014-08-15得票数 1
我将ng-options用于我的select标记，以便为用户提供选择。一切都很完美，但在第一次选择一个选项后，默认的空白值就消失了。如果我想再次恢复到默认的空白值，该怎么办？如何做到这一点？如何才能保留该空白值？
下面是我的代码示例：
<!DOCTYPE html>
<html ng-app="app">
<head>
<link rel="stylesheet" href="style.css">
<script src="http://ajax.googlea
浏览 1提问于2016-05-16得票数 0
我在Visual Studio2010中有一个Windows窗体项目，我想知道如何设置下拉菜单的默认选定值。
例如，当我当前运行项目时，下拉菜单是空白的，直到我单击它并选择一个值。我想修改下拉菜单，使它有一个默认的值，然后用户可以更改。如何通过C#在设计器视图和运行时都实现这一点？
浏览 0提问于2012-02-24得票数 1
回答已采纳
在我开始之前，我只想确保没有误会。不是我要找的人。
我创建了两个交互式下拉菜单，根据您从下拉菜单中选择的内容显示不同的部分。内容被隐藏，直到从下拉菜单列表中被选中。一切都按计划工作，但我想添加一些增强，但我不知道如何实现它们。
当前行为：
当从下拉菜单列表中选择某个选项时，另一个下拉菜单列表将返回其默认的空白选择。
当从下拉菜单列表中选择一个选项时，它将显示一个包含子<div class="headline">的<div class="headline_box>。
当您的光标悬停在每个<div class="
浏览 9提问于2015-06-16得票数 3
回答已采纳
1回答
我有一个包含所有js文件的index.jsp，然后我使用jsp:include来包含不同的jsp，这取决于struts的动作。在随后的jsps中，我还包含了一些js文件。
我在index.jsp中包含的js文件将被缓存，因为js URL中没有添加时间戳。但是由于添加到js URL的时间戳，后续js中包含的js文件不会被缓存。我的问题是如何摆脱添加到js url中的时间戳？
我在jsp中添加js文件，如下所示：
<script src="js/angular/angular.min.js"></script>
<script src="js/
浏览 2提问于2013-12-13得票数 0
1回答
如何在angular中为下拉菜单中的每个选项分配字体颜色？
我尝试通过将ng-style="{color:{{selectedCar.dropdown_color}};}"添加到select标记来完成此操作，但它不起作用。
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script>
var app = angula
浏览 18提问于2020-03-13得票数 0
我正在试图弄清楚如何摆脱我的下拉菜单中显示的空白。有一个“全部”选项本不应该出现在菜单中。我摆脱了那个选项(可能不是正确的移动)，有时当我刷新时，我可以看到菜单，有一个空白，而有时它只是在控制台上给我一个错误。我不确定为什么会有这样的变化。
最终，我必须去掉All选项(正确的方式)，并删除它留下的空格。
下面是我的js：
define(["app",
"lodash",
"service/reference",
"directives/control/topic-input"
], function (app) {
return
浏览 23提问于2016-07-15得票数 2
回答已采纳
2回答
如果在</head>之前有下面的代码，php表单会发送，但是会崩溃，不会显示下拉菜单。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
如果我没有代码，提交按钮刷新页面如果为空白，从来不发送任何东西，但下拉菜单工作。如果填充了任何字段，则submit按钮将返回404。
，我怎么把这两样都留着呢？
其他详情：
Wordpress CMS JQuery脚本被插入到WP.中用于自定义js的字段中。
浏览 2提问于2011-07-28得票数 0
回答已采纳
1回答
我正在尝试使用Angular.js和Express.js创建一个Angular.js应用程序。
我正在做的是添加带有地址的客户姓名，然后用这段代码列出(随机)。
var mylist = new generic.list();
mylist.add({name:"Rohan",add:"Sec 49, Noida"});
mylist.add({name:"Sam",add:"Sec 63, Noida"});
mylist.add({name:"Jack",add:"Sec 15, Noida"}
浏览 1提问于2015-10-09得票数 0
回答已采纳
我试图在我的Angular应用程序中添加一个bootstrap 4下拉菜单，但是当我点击这个下拉菜单时，它什么也不做。我没有在节点模块中使用任何bootstrap.js或jquery.js。
浏览 0提问于2020-09-07得票数 0
我有一个文本框和一个下拉菜单。根据从下拉菜单中选择的值，如有必要，我将文本框更改为datepicker字段。该功能运行良好，但我看到当datepicker被激活时，在textbox和dropdown之间有一个小按钮。当datepicker被销毁时，它就消失了。
当我使用firebug查看HTML时，我看到添加了以下行
<button class="ui-datepicker-trigger" type="button">
<img src="/images/drop-down.gif" alt="...
浏览 0提问于2012-10-05得票数 0
回答已采纳
1回答
我在Angular.js中实现了以下下拉菜单/ select：
<select id="user_accounts" ng-model="account_chosen"
ng-options="item.name for item in accounts">
<option value="">All</option>
</select>
帐户包含一个对象数组:帐户A、帐户B、帐户C，这些对象在客户端呈现，供用户查看。
在Capybara RSpec方面，我想集成这样的测试：
浏览 2提问于2013-12-07得票数 1
回答已采纳
这是我第一次创建一个Angular项目。我在我的项目中使用bootstrap遇到了麻烦。我安装了bootstrap、jquery、popper.js，并将它们包含在angular.json文件中。
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.
浏览 2提问于2020-05-06得票数 1
我见过许多使用JSON数据填充选择下拉菜单选项的angularjs示例，但经过多次尝试和变体之后，我仍然得到了一个空白下拉菜单。我肯定我的对象命名规则有问题，因为所有的角度示例都很混乱(什么是复数？什么不是？等)如果你能提供任何帮助，我们将不胜感激。
JSON示例：
{"fields":[
{"state": "OH",
"gender": "male"},
{"state": "OH",
"gender": "female"},
{"
浏览 7提问于2016-05-09得票数 0
回答已采纳
3回答
我一直试图在互联网上解决这个问题，但无济于事。也许你能帮我。我收到了tslint‘缺少空格’的警告，内容类似于：
/src/app/content/content.control er.ts 4，13中的警告:缺少空格5，21:缺少空格
我想摆脱警告
下面是代码的一个例子……基本上，我在声明类型时使用冒号的地方就是发生错误的地方。我不想在它之间留一个空格，所以我不想让林特来烦我……
export class ContentCtrl {
filters:IFilter[];
selectedFilters:IFilter[];
filterToAdd:IFilter;
/** @ngInjec
浏览 5提问于2016-02-19得票数 26
回答已采纳
2回答
以下是我的基本导航栏的html：
<div id="nav_container">
<ul id="nav">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">About Us</a>
<ul>
浏览 2提问于2014-09-03得票数 0
回答已采纳
2回答
我正在尝试在我的应用中使用。
我在我的母版页(index.html)中添加了以下内容。
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
<script src="/bower_components/angular/angular.min.js"></script>
<script src="/bower_components/angular-ui-router/release/angular-ui-router.m
浏览 0提问于2015-10-24得票数 2
我使用一个标准的HTML5 <video>标记将视频嵌入到页面中：
<video controls>
<source src="video/intro-video.mp4" type="video/mp4"/>
</video>
然而，在Chrome的右侧默认控件中，会出现三个点(选项)，然而，当您单击它们时，它会转到一个空白屏幕上，除了刷新整个页面之外，没有其他方法可以摆脱它：
如何使选项消失或防止出现空白屏幕？
浏览 1提问于2019-02-03得票数 6
回答已采纳
9回答
在我的.rpt文件中，我选择了“多列格式”选项，并在“布局”选项卡中进行了编辑，设置如下。
我的打印方向是“向下然后横排”宽度:2.500水平:1.000垂直: 0.230
通过上面的设置，我最后得到了一个空白页面，如何摆脱这个空白页面？
浏览 5提问于2012-05-30得票数 0
回答已采纳
3回答
如何在select下拉列表中删除Null选项？例如，我有以下模型--
class Network(models.Model):
type = models.CharField(max_length=10, choices = [('closed','closed'),('open','open')])
当我在模板中使用表单时，下拉列表中有三个选项：
-------
Closed
Open
我如何摆脱这个空的选择？那么select下拉菜单将只有Closed和Open选项？
浏览 5提问于2011-05-29得票数 3
回答已采纳
[18:32:31] rollup:
commonjs-proxy:/Users/user/devel/saveup-mobile-front/node_modules/@angular/http/@angular/http.es5.js has
issued a warning: 'default' is not exported by 'node_modules/@angular/http/@angular/http.es5.js'
[18:32:31] rollup:
common
浏览 278提问于2017-07-01得票数 2
回答已采纳
我是angularjs的新手，有没有人能帮我用angular js创建高级搜索的动态控件。
像我们有高级搜索按钮点击后，一些基本的过滤器控件应该加载，并在点击+或-按钮动态加载另一个过滤器控件与“和”/“或”选项。
我们需要类似以下截图的东西。数据类型下拉菜单和选择日期选项将出现在默认搜索中。如果有人点击高级搜索过滤器选项将出现在屏幕上。然后我们需要添加一个下拉菜单作为动态控件，如果下拉菜单项适合文本框，则从开始，以应该来结束，如果项目适合日期，则日期选择器控件应该会出现。之后，用户还可以通过单击加号或减号按钮添加更多搜索条件。
浏览 9提问于2014-06-24得票数 1
2回答
使用角js，我希望在下拉菜单中默认选择service2值。
<!doctype html>
<html ng-app>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<d
浏览 2提问于2015-11-14得票数 0
回答已采纳
5回答
我正在用ng-重复实现一次下降。我想添加位置持有人在输入框，因为第一次它是空白(没有选择下拉选项)。因此，我想在默认情况下设置占位符。我不想留下空白的下拉输入框。
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Emil", "Tobias", "Linus"];
});
<script src="https://ajax.googleap
浏览 1提问于2018-01-03得票数 0
回答已采纳
<select id="selectIdentity" name="selectIdentity" required ng-trim="true" ng-change="changedValue(addUser.identityProvider)" ng-model="addUser.identityProvider" >
<option value="" selected hidden />
<option ng-repeat="
浏览 7提问于2017-06-30得票数 0
回答已采纳
3回答
这是firstAngularJSApp.html
<html ng-app="store"><!-- "ng-app" creates and angular app by running the module. because of ng-app html inside of this tag will be treated as part of angular app -->
<head>
<link rel="stylesheet" type="text/css" href
浏览 1提问于2015-09-16得票数 2
回答已采纳
我通过这种方式使用多选下拉菜单
<script>
$('.multipleSelect').fastselect();
</script>
当我们试图显示选中的项目时，它不会在文本框中显示项目，而是项目显示为选中。如何在下拉菜单的文本框中显示选中的项目？用angular js怎么可能呢？我的脚本如下-
<script>
function PreSelectedDropDown() {
var valArr = [1, 2];
i = 0, size = valArr.length;
for (i; i < siz
浏览 2提问于2018-03-14得票数 0
我正在尝试用AngularJS创建一个级联下拉菜单，其中在第一个下拉菜单中选择的选项指示在第二个下拉菜单中显示的选项。
在Chrome中，所有东西都按预期工作，默认选项“selected”和“selected”显示在选择州之前和之后的下拉列表中。然而，在IE9中，级联功能是工作的，但我的初始“选择一个州”和“选择一个城市”选项没有出现。有人能帮我指出正确的方向吗？谢谢。
下面是我的代码和代码片段(在Chrome中正确工作，在IE9中显示空白默认值)：
(function () {
var app = angular.module('myApp', []);
浏览 2提问于2015-08-31得票数 0
回答已采纳
1回答
Error: Invalid value for <text> attribute x="{{xForLabels.text}}"
angular.js:2390 Error: Invalid value for <text> attribute x="{{xForLabels.textNumber}}"
angular.js:2390 Error: Invalid value for <circle> attribute cx="{{xForLabels.circle}}"
angular.js:2390 E
浏览 0提问于2015-01-26得票数 4
回答已采纳
请看，在下图中，当我尝试按一列分组，然后对它们应用筛选器时，它在筛选器下拉菜单中显示“(全选)”和“(空白)”，而不是像“(12/01/2016)”、“(11/28/2016)”等分组的实际值。
下面是我在Angular中的群组面板gridOptions
vm.gridOptions = {
showToolPanel: true,
enableColResize: true,
columnDefs: columnDefs,
enableSorting: true,
enableFilter: true,
浏览 1提问于2016-12-05得票数 2
在我注入bower组件的gulp文件中，我有这种糟糕的样式代码复制。但我没有任何想法如何摆脱它。
一般来说，我们不能只说bower_components/**/*.js，因为我们不想导入所有文件，而且对于生产，我们只想导入.min文件。再来一次。我不能保证我使用的每个包都有.js和.min.js文件。因此，只有*.js和*.min.js可能无法工作。
gulp.task('inject', () => {
let sources = gulp.src([
// jquery
'public/bower_components/jque
浏览 11提问于2016-08-13得票数 0
我们正面临选择字段的空选项的多个问题。
我的渲染代码如下：
<select ng-switch-when="select" id="{{field.name}}" ng-model=data[field.name] >
<option ng-repeat="option in field.options" value="{{option.value}}">{{option.description}}
</select>
在这里，我们的UI是动态生成的，选项也使用RE
浏览 3提问于2014-01-23得票数 2
因此，众所周知，您可以在HTML标记和BODY标记中添加背景图像，以获得双重背景效果，而无需添加额外的div元素。我喜欢你能做到这一点，但是当我尝试的时候，额外的边距会被添加到BODY元素的顶部。
我确实发现，如果您添加了以下代码：
*{
margin: 0;
}
它将消除这个空白，但它也使它，所以我必须重新设置所有其他的元素，我不想摆脱保证金。
有没有人知道如何摆脱HTML标签的空白。
这是：
html {
margin: 0;
}
不起作用的。这似乎是造成额外间隔的另一种原因。
更新:这里的是JS示例。
我正在运行一个HTML5文档类型，我也去掉了身体上的空白。
答：谢谢你
浏览 3提问于2011-12-07得票数 3
回答已采纳
2回答
因此，我一整天都在为这个问题而挣扎，似乎无法摆脱它。每当选择下拉菜单中的选项时，我都需要调用php查询。
<select class="selectpicker" id="headSelector">
<?php
$cname = $_GET['cname'];
$linkID = mysql_connect("localhost","USER","PASS");
mysql_select_db("USR", $linkID);
浏览 0提问于2015-12-07得票数 0
回答已采纳
1回答
忘记从连接下拉菜单登录
、、、、
最近，我以另一个用户(testUser)的身份登录了自己，但现在该用户似乎被持久化在连接对话框的下拉菜单中，我无法找到摆脱它的方法。更糟糕的是，它似乎是默认的登录，因为每当我更改连接时，我必须转到下拉菜单并选择我通常的用户，否则连接将在testUser的上下文中建立。
如何摆脱连接对话框中的testUser？
谢谢。
浏览 0提问于2014-11-25得票数 1
回答已采纳
我有一个下拉菜单，我填充的年龄。
当用户单击下拉菜单并从列表中选择和选择一个选项时，正确的年龄将被选择并存储在"ageSelected“中。
当用户删除选定的年龄，然后将年龄保留为空白，下拉菜单返回到原来的未填充状态时，我的问题就出现了。我不知道如何捕捉这个事件，以便删除老年并将其替换为-1，这意味着没有选择任何年龄。现在，老年一直被储存起来！
非常感谢！
val ageArrayAdapter = ArrayAdapter(requireContext(), R.layout.drop_down_item_age, ageValues)
ageSpinner
浏览 5提问于2022-10-25得票数 0
我刚刚熟悉了AngularJS非常基本的结构，并且在控制台中没有出现错误的空白屏幕。
index.html
<!doctype html>
<html>
<head>
<script src="angular.js"></script>
<script src="route.js"></script>
<script src="app.js"></script>
<script src="controll
浏览 2提问于2015-12-19得票数 0
回答已采纳
如何在Angular Universal中使用情态动词？敬酒，下拉菜单-所有与DOM和我们的库js一起工作的东西？
我在实现代码时遇到了问题
<code>A0</code>
浏览 19提问于2021-06-11得票数 0
我最近升级了我的项目的angular版本，但是在将angular版本升级到11之后，我在运行"Option baseHref is deprecated，use baseHref option in the browser builder itself“时收到一个错误。 我尝试将baseHref："/certs/“放在angular.json中，但仍然收到错误。 请帮我摆脱这个错误。 提前感谢:)
浏览 73提问于2021-07-20得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
