Angular search表单-仅在找到元素时显示选项列表
Angular search表单是一种用于在找到元素时显示选项列表的搜索表单。它是基于Angular框架开发的，可以用于前端开发中的用户界面设计。
该表单的主要功能是在用户输入关键字时，根据关键字进行搜索，并在找到匹配的元素时显示选项列表。这种搜索表单可以提供更好的用户体验，使用户能够快速找到他们想要的内容。
优势：
- 提供实时搜索：Angular search表单可以实时响应用户的输入，并根据输入的关键字进行搜索。这样用户可以在输入关键字的同时看到匹配的选项列表，提高了搜索的效率和准确性。
- 简化用户界面：通过使用Angular search表单，可以将搜索功能集成到用户界面中，避免了繁琐的页面跳转和刷新操作。用户可以直接在当前页面进行搜索，提高了用户体验。
- 提供自定义选项列表：Angular search表单可以根据业务需求进行定制，可以自定义选项列表的样式和内容。这样可以根据具体的应用场景，提供更加个性化的搜索体验。
应用场景：
- 电子商务网站：在电子商务网站中，可以使用Angular search表单来实现商品搜索功能。用户可以根据关键字搜索商品，并在搜索框下方显示匹配的商品选项列表，方便用户选择。
- 社交媒体平台：在社交媒体平台中，可以使用Angular search表单来实现用户搜索功能。用户可以根据关键字搜索其他用户，并在搜索框下方显示匹配的用户选项列表，方便用户查找和连接其他用户。
- 新闻网站：在新闻网站中，可以使用Angular search表单来实现新闻搜索功能。用户可以根据关键字搜索新闻，并在搜索框下方显示匹配的新闻选项列表，方便用户查找感兴趣的新闻。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与Angular search表单相关的产品和介绍链接地址：
- 云服务器（CVM）：腾讯云的云服务器产品可以提供稳定可靠的计算资源，用于部署和运行Angular search表单的应用程序。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：腾讯云的云数据库MySQL版可以提供可扩展的数据库服务，用于存储和管理Angular search表单的相关数据。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 云函数（SCF）：腾讯云的云函数产品可以提供无服务器的计算能力，用于处理Angular search表单的搜索逻辑。了解更多：https://cloud.tencent.com/product/scf
- 对象存储（COS）：腾讯云的对象存储产品可以提供可靠的存储服务，用于存储Angular search表单的相关文件和资源。了解更多：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
2回答
我在数据库中实现了自动完成功能；搜索区是附加到表单的“输入”，我希望当在列表中做出选择时，表单的操作会自动触发。实际上，我必须选择我的选择并验证此表单。
我尝试检测字段中的变化：
$("#tags").change(function() {
$( "#search_form" ).submit();
});
但这并不管用。
有什么建议吗？
浏览 6提问于2015-10-20得票数 0
我正在构建一个数据输入应用程序，其中我们有两个表单。下面是我的代码，其中列表项显示在无序列表中。在单击列表项时，新表单应该在新表单中的每个文本框中填充相应的条目，这些条目取自所选的列表项。
这是发送到原始表单中的列表项的代码。
include_once("test1.php");
$postdata = file_get_contents("php://input");
$request = json_decode($postdata, true);
$search= $request['search'];
$searchLabel= $re
浏览 0提问于2018-10-18得票数 0
回答已采纳
ActiveScaffold列表视图有一个搜索表单，当用户单击搜索链接时，将通过ajax加载该表单。我更喜欢在用户打开列表页面时默认显示表单。
我已经想出了一种在页面加载时触发ajax调用的方法，但是我想知道是否有一种方法可以让ActiveScaffold自动呈现表单。有没有我可以重写的模板或方法？我看了一遍代码，但没有什么明显的东西，至少对我来说是这样。
更新：
srboisvert的回答启发了我，让我看得更清楚。
诀窍是使用模板覆盖来重构以下内容: list.rhtml、_list_header.rhtml、_search.rhtml，以便搜索表单部分内联呈现。
浏览 0提问于2008-12-10得票数 2
回答已采纳
3回答
我在搜索表单上做一个简单的显示/隐藏，使用jQuery的toggleClass()和CSS来显示和隐藏表单。这很容易，就像：
$('#site-search-toggle').click(function(e){
$('#site-search').toggleClass('search-open');
e.preventDefault()
});
我想要做的，但很难弄清楚的是，当表单显示时，将焦点放在搜索输入上，当表单隐藏时，将焦点从搜索输入中移除。
添加焦点很容易：
$('#site-search-toggle'
浏览 4提问于2014-12-08得票数 1
回答已采纳
2回答
分页ng-仅在第一页显示数据
、、、、
我试图用angularjs显示一个带有分页的列表，但是只显示第一页，其他的都是空的。你能帮帮我吗?
这是我的代码：
Controller.js：
angular.module('Client').controller('ListaInventarioCtrl', function($scope, $location, $filter, InventarioResource){
$scope.Inventarios = InventarioResource.query();
$scope.pageSize = 5;
$scope
浏览 20提问于2016-08-18得票数 0
我有一个简单的组件，其中包括一个下拉框。此列表由Web API调用的结果填充。出于显示目的，我只使用了该项的两个字段。但是，一旦选择了一个元素，我就需要处理所有其他字段。如何将整个元素传递回组件？
真的很感谢你的帮助。
<h1>Get Locations</h1>
<div>
<div>
<input list="browsers" name="browser" #term (keyup)="search(term.value)">
<dat
浏览 0提问于2016-08-31得票数 5
在搜索表单中有一系列的复选框，在提交表单和加载结果时，需要保留所选选项。我使用的模板表单选择，这是正确地选择3从4个输入后，表单提交(通过POST)。选择电子邮件的输入不能正常工作--奇怪的是，它只适用于某些选项。
由于选中框是模板的，所以我认为它必须与内容有某种联系。或者我只是忽略了一些很简单的东西..。
随机或非随机事实:目前有四个电子邮件地址填充选择选项.其中两个在选择和提交时不会按选择的方式重新加载，它们“碰巧”是我不只是编造的电子邮件，我已经在Firefox 56中为它们存储了登录。但是，我在Chrome上试了一下，同样的两封电子邮件也没有预先选择。其中只有一个是Chrome中保存的
浏览 4提问于2017-10-25得票数 0
1回答
我正在开发一个单页web应用程序，其中表单输入生成一个结果表，我从一个json数组中填充该结果表，该数组是从表单的提交函数(用角控制器编写)的后端弹簧控制器接收的。
现在，我的表有两列:发布位置和日期。release_location是包含国家的下拉列表，日期是对应于特定国家的发布日期。我已经开发到下拉列表显示国家作为选项，当任何国家被选中时，相应的日期填充在日期栏中。我的要求是将第一个选项显示为默认选项，并在date列的单元格中填充该选项的对应日期。看看我的密码。
HTML:
<body data-ng-app="searchisbn" data-ng-cont
浏览 1提问于2017-08-26得票数 1
回答已采纳
我有一个表单，它有一个与字段players相关联的选择列表。
要填充列表框，用户单击表单上的按钮以显示弹出窗口，并从弹出窗口中选择球员的姓名，然后单击弹出窗口上的另一个按钮，关闭弹出窗口并在列表框中显示所选值。
默认情况下，我将selected="true"放在select标记中，这样当用户保存表单时，列表框中的值也会被保存。
<select size=5 id="sub_player_ids" name="sub[player_ids][]" multiple selected="true">
上面的代码选择了选择
浏览 0提问于2011-05-27得票数 0
回答已采纳
1回答
我的控制台中有以下错误：
错误:指令“searchTerm”要求的$compile:ctreq控制器“游戏列表”无法找到！
下面是我正在使用的代码：
游戏列表：
<div class = "bit-75-percent games-list" data-ng-controller = "GamesController">
<ng-include src = "'../templates/simpleSearch.tpl.html'"></ng-include>
<d
浏览 1提问于2014-06-29得票数 0
在我的Heroes应用程序中，我有一个输入文本，用于检查服务中是否存在英雄。如果存在，它会将其显示在下拉列表中。我想要的是显示英雄的名字，如果它不存在，还添加一个按钮将英雄添加到数组中。
我的英雄-search.Component.html
<div id="search-component">
<h4>Hero Search</h4>
<input #searchBox id="search-box" (keyup)="search(searchBox.value)" />
<d
浏览 0提问于2017-01-15得票数 0
我使用的是Angular md-autocomplete，它会在用户第一次在文本框中键入内容后，在下拉列表中显示自动完成选项。当用户第一次点击文本框时，有没有办法显示这个下拉列表？
下面是md-autocomplete html：
<md-autocomplete flex
role="combobox"
md-selected-item="text"
md-no-cache="true"
md-searc
浏览 4提问于2016-09-10得票数 3
我有一个表单，其中包含一个动态生成的选择列表。此列表的值是从作用域检索的。也会从作用域中检索当前选定的值。
不幸的是，有一个同步问题。
下面是图示。动态选择列表显示1为选中，但参数为2。静态选择列表显示正确的值。
angular.module('fiddle', [])
.controller('Ctrl', function($scope) {
$scope.xs = [1,2,3];
$scope.param = 2;
});
<script src="https://ajax.googleapis.com/ajax/lib
浏览 0提问于2014-10-27得票数 0
这是试图隐藏一个结帐支付选项，当特定项目在购物车(显示在同一页上)时不会出现。如果文本"BULK“出现在购物车/页面中，以隐藏基于其数据属性的列表选项？我试着学习js和最后两个小时的课程，我更了解，但这似乎仍然比我现在所能做的更先进。使用string.search并插入div.style.display "none“的布尔参数会吗？
Cart示例搜索文本：
<h4 class="product-title optimizedCheckout-contentPrimary" data-test="cart-item-product-title"
浏览 3提问于2022-09-01得票数 0
在我正在开发的应用程序中，我正在实现高级搜索。在这个搜索中，我希望浏览器中的“后退”和“下一个”按钮与搜索一起工作。
为此，我将以下内容添加到我的$routeProvider中：
.when('/search', {
templateUrl: 'Scripts/App/Views/Search.html',
controller: 'SearchController',
reloadOnSearch: false
})
在我的SearchController中，我在$scope上有一个搜索函数，它只向我的url添加一些查询
浏览 4提问于2016-05-18得票数 1
回答已采纳
我正在开发的一个网站，，是我创建的一个网站，用来帮助我找到工作，同时也对我的职业生涯有所帮助。
一直在尝试为此网站上的联系人表单添加轻量级JQuery表单验证，该表单托管在Microsoft Azure Cloud Platform上，并存在问题。当未选择选项时，引用表单中感兴趣的下拉列表总是返回FALSE form，当我在下拉列表中选择一个项目时，也返回FALSE。表单如下所示：
在我的表单中，我的表单的Razor视图.cshtml文件中有以下内容：
这是从表单生成的HTML：
如果我提交表单时没有在interest下拉列表中选择兴趣，它会正确地从文件中的JQu
浏览 0提问于2019-05-19得票数 1
问题陈述:我正在实现Angular材质的mat-form-field属性。我将表单域外观作为轮廓。当选择输入时，我正在尝试更改输入边框的颜色。
预期行为。选择输入时，输入字段的轮廓边框颜色应该会更改。当表单域处于活动状态时，我想将轮廓的颜色更改为黑色。
当前行为:现在，当表单域处于活动状态时，它会显示角度材质的默认原色。
这些都是我的依赖
{
"dependencies": {
"@angular/animations": "^6.1.9",
"@angular/cdk": "^6.4.7&#
浏览 0提问于2018-10-15得票数 3
我使用"“库进行自定义下拉列表，使用库进行验证。如何使用对多选择下拉列表进行验证？
目前，我正在使用以下代码进行验证：
<ui-select name="emailTo" ng-style='addReport.emailTo.$valid?{"border":"1px solid #ccc"}:{"border":"1px solid red"}' ui-select-required multiple
data-ng-disabled="isControlD
浏览 0提问于2015-12-08得票数 1
我有一个单选按钮和一个相应的输入文本框，当选中单选按钮时会显示该文本框。我保留了input标记所需的验证属性，如下所示：
<input type="text" id="textbox" required />
当我取消选中该单选按钮时，此文本框将隐藏。但是，即使文本框处于隐藏状态，我也无法提交表单。毕竟，隐藏的必填字段仍然是必需的，因此我不能只将required属性放在这些隐藏字段上。
在解释了我的场景之后：
Q1。有没有什么"HTML- only“方法可以只在textbox处于活动状态时才允许验证？
Q2。如果不是，那么使用Angular
浏览 5提问于2016-09-01得票数 2
回答已采纳
我是Protractor的新手，正在尝试为一个非常简单的场景编写测试用例:转到登录页面并提交表单，重定向到仪表板页面，然后单击仪表板上的搜索按钮。日志部分工作正常：
pages/login.js：
'use strict';
var LoginPage = function () {
this.email = element(by.css('#email'));
this.password = element(by.css('#password'));
this.submit = element(by.css('
浏览 0提问于2018-03-15得票数 0
我有一个表单，它向数据库提交一个请求，以过滤网格中的一些数据。表单提交时，按下提交按钮，但我需要它提交表单时，回车键也被按下。
HTML
<form [formGroup]="bmForm"
(keyup.enter)="onSearchClicked()"
(ngSubmit)="onSearchClicked()">
<div class="form-group">
<div>
<label>Full Text Sea
浏览 0提问于2020-02-18得票数 0
我在一个银行应用程序中发送钱功能工作。在这种情况下，客户必须从收件人列表中选择一个收件人，并且要求突出显示选定的收件人。假设有3个嵌套的div，其中包含每个收件人的信息。
我面临的问题是，当我选择(点击)收件人div时，我无法突出显示它，
我们该怎么做angular 8呢？
<div class="parent">
<div
class="cards-col col-lg-6 col-md-6 col-sm-6" class="recipient-div"
*ngFor="let recipient of recipi
浏览 0提问于2020-04-04得票数 0
我有一个非常常见的任务，当我需要一个列表上方的搜索表单来显示结果时，问题是列表没有显示结果，存储和代理工作正常，因为当我使用firebug定位列表项时，列表的高度总是为0px。
我已经搜索过了，解决这个问题的常用方法是使用适合的布局，但在父面板上使用该布局会使所有面板看起来都很小，就好像使用的宽度是10px一样。
我不能设置固定的高度，因为我想让列表填满剩余的空间，当我想要使用按钮和输入字段的默认大小时，flex选项也不会导致伸展搜索表单。
下面是我在视图上使用的配置
Ext.define('MyApp.view.search.Search', {
extend:'Ex
浏览 0提问于2012-05-07得票数 4
回答已采纳
我在我的部分导航中添加了一个搜索表单，如下所示：
{!! Form::open(array('id' => 'main_search_form', 'url' => 'main_txt_search', 'class' => 'form-inline pull-xs-right', 'method' => 'get')) !!}
{!! Form::text('main_search',$value = null
浏览 0提问于2016-06-22得票数 0
使用Angular 2，RC 5，我正在构建一个表单来创建一个新的模型对象。一个下拉列表显示了模型的选项。当我转换代码时，下拉列表中显示了一个额外的空白，尽管它实际上并不是在DOM中创建的。这就好像在列表的顶部有一个幽灵。
在下面的示例中，我创建了一个名为example的模型，该模型的参数为"id“和"name”。
import {Component} from '@angular/core';
import {Example} from './example-model';
@Component({
selector: 'my-a
浏览 0提问于2016-09-01得票数 1
1回答
我定义了一个自定义角指令：
angular.module('myApp')
.directive('lsLedger', function() {
return {
// restrict: 'E', // FIXME - directive will only match on attribute, not tag.
controller: LedgerCtrl,
templateUrl: '/template/ledger',
/* compile: function(el, attribut
浏览 2提问于2014-10-26得票数 1
回答已采纳
1回答
我有一个用于编辑行的格式化程序编辑按钮，它是在conModel中定义的
colModel:[
{name:'HOSTID', index:'HOSTID', width:120, editable: true, editoptions:{size:"15", maxlength:"10"}},
{name:'NAME', index:'NAME', width:250},
{name:'DOCUMENT', index:'
浏览 0提问于2013-01-10得票数 0
回答已采纳
我在jQuery现场搜索中苦苦挣扎。
首先，使用以下代码进行实时搜索更新。
//live search function
function live_search(list) {
$("#search")
.change( function () {
//getting search value
var searchtext = $(this).val();
if(searchtext) {
//finding If content matches with searck keywo
浏览 1提问于2015-06-21得票数 0
回答已采纳
我正在尝试使用ngx- mat-select -search组件在我的应用程序中放置一个带有搜索栏的mat-select样式下拉菜单。https://www.npmjs.com/package/ngx-mat-select-search 我让dropdown运行得很好，但我正在尝试将它转换为一个自定义指令，然后我可以在应用程序的多个页面上调用和重用它。 到目前为止，我有这样的想法：site-dropdown-component.ts import {AfterViewInit, Component, OnDestroy, OnInit, ViewChild} from '@angul
浏览 15提问于2019-06-11得票数 7
回答已采纳
所有表单都显示..我只希望该#google-search在页面加载时处于活动状态。谢谢
$(".header-search-input").keyup(function() {
$(".header-search-input").val($(this).val());
});
var $searchByLinks = $("#search-by > a");
$searchByLinks.click(function() {
var $el = $(this)
$(".header-sear
浏览 1提问于2010-11-16得票数 0
回答已采纳
我正在学习一门Angular2课程，其中的部分内容有点过时。
我有一个表单的简单代码，只有一个输入字段。当用户在输入字段中键入文本时，该文本应记录在控制台中，但我什么也得不到，甚至连错误警告都没有！我认为这是一个语法问题，但无论我在网上遇到什么建议，我都不能让它将文本输出到控制台。代码如下：
import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
import { FormGroup, FormBuilder } from '@angular/forms';
浏览 18提问于2017-02-02得票数 1
回答已采纳
我在rails活动管理中使用activeadmin_addons插件来使用ajax填充select下拉列表，为此我使用了Select2 (由activeadmin_addons提供的search_select)。add on运行良好，但在编辑表单场景中加载活动管理表单时，我无法为select下拉列表设置默认值。
浏览 2提问于2017-03-08得票数 0
回答已采纳
我正在使用Angular来显示页面上有角色的用户列表，并允许基于电子邮件地址进行过滤。这是很好的工作，但角增加了大量的DOM元素和观察者，这大大减缓了页面。为了防止这个问题，我试图只在文本输入到搜索字段时向用户显示。
下面是搜索框的代码和创建用户指令的ng重复：
<!-- Search -->
<h3 class="heading">Showing<span ng-show="searchUsers.length"> {{filteredUsers.length}} of</span> {{users.length
浏览 2提问于2017-01-12得票数 0
回答已采纳
2回答
角附加-重复不工作
、、、
我试图在元素中添加一个带有ng-repeat的离子列表
<ion-list class="search-list" ><li>#</li>' +
'<li ng-repeat="item in vm.search_list"><a ng-click="scrollTo(item)">{{item}}</a></li>' +
'</ion-list>'
tag.search.directive.js
link:
浏览 2提问于2017-07-10得票数 0
回答已采纳
我正在使用angular UI引导程序提前键入指令在表单中提前键入
我正在通过$http服务从远程服务器获取记录。它工作得很好。但是，我一次只能从列表中选择一个元素。
我想从列表中选择多个值，并在输入字段中显示所有当前选择的元素，并使用一个删除按钮，就像SO的标签一样。选择的标签存储在角度数组模型中。
如何做到这一点？
我已经阅读了Angular UI bootstrap的文档，但我找不到任何东西。
浏览 0提问于2014-09-23得票数 10
2回答
我正在使用Nodejs的Angular2。我有一个员工列表，每个包含员工的姓名，地址，职级等。我想显示信息，当用户鼠标悬停在员工的名字。为此，我尝试在angular2中使用语义ui，但我找不到除了(下面的链接)之外的任何示例，这不是描述性的。
Nodejs:
npm install ng-semantic --save
npm install jquery --save
Index.html
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/aja
浏览 0提问于2016-09-14得票数 0
2回答
我有index.html文件，其中有以下这些代码。我想在提交表单时将结果显示给其他视图searchResult.html。我在homeCtrl中检索表单数据，但在向searchResult.html页面提交表单时无法显示检索到的数据。请帮帮我。
<!DOCTYPE html>
<html ng-app="myApp">
<head>
//head code...
</head>
<body ng-controller="homeCtrl">
浏览 0提问于2015-10-05得票数 1
1回答
我有一个小的ASP.NET核心剃刀页面项目。我正在制作一个简单的列表显示页面，具有基本的搜索功能。在我的模型中，我有4个页面处理程序(其中2个是为了调试目的而添加的)：
public async Task OnGetAsync()
{
Posting = await _context.Postings
.Include(p => p.ItemDetails).Include(p => p.Owner).ToListAsync();
}
public async Task OnPostAsync()
{
Posting = await _contex
浏览 2提问于2018-06-12得票数 17
回答已采纳
以以下AngularJS代码为例：
index.html
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.8/angular.js"></script>
<script src="main.js"></script>
</head>
浏览 0提问于2019-06-13得票数 0
我正在尝试将ID设置为SelectItem (更准确地说，设置到它的选项列表)，以便能够在Selenium 2测试期间识别它，但却找不到方法。我需要的是找到这个列表并在上面选择(点击)一个值。
尝试过的和失败的意图：
用于此目的的常用方法setID()和ensureDebugId()在SelectItem中不可用。
方法setName()不会在生成的HTML中留下任何跟踪
不可能在包含SelectItem的表单上找到选项列表。SelectItem由单独的元素组成：
- **label**(title)
- **textInput**(selected value)
- **
浏览 8提问于2013-04-25得票数 1
回答已采纳
我使用NgbHighlight让用户查看列表。
我的问题是结果的高亮显示。我只想突出显示第一个匹配。
我使用这里描述的非常基础的东西：
代码：
列表：['ABCD AAAA ABCD', 'BBBB ABCD BBBB', 'CCCC CCCC CCCC'];
搜索：'ABCD'
我想要的输出是：
'**ABCD** AAAA ABCD'
'BBBB **ABCD** BBBB'
我得到的输出是：
'**ABCD** AAAA **ABCD**'
'BBBB **ABCD**
浏览 28提问于2019-07-05得票数 2
回答已采纳
我正在尝试使用ion-tab在模式对话框中实现选项卡式视图。 据我所知，@ionic/angular希望使用路由来解析和显示基于路由路径的每个选项卡.../page/ tab /one或.../page/tab/2。 我已经为页面正确配置了这一点，但是当我将页面显示为模式表单时，路由器不能正确解析选项卡(假设这并不奇怪，因为路由没有发生)。 有没有人有在模式页面中使用ion-tab的例子？谢谢。 我使用ionic-5和angular-9。 马丁
浏览 11提问于2020-06-13得票数 1
我刚刚开始试用DevExtreme组件。目前，我正在尝试获得一个与AngularJS和DevExtreme一起工作的简单搜索表单。
我想通过按enter来提交搜索表单。问题是，如果我按tab键离开字段(可能是onValueChanged事件)，小部件似乎只会更新角度模型。
在下面的代码中，我观察到只有在跳出字段时，searchData.q的值才会发生变化。因此，当表单在onKeyChange事件中提交时，它将使用上一个文本值。文本框这样做似乎有点违反直觉，对于ng-model，base angular肯定不是这样工作的……
有谁知道如何修复它，这样值就可以正确绑定了吗？
<form id
浏览 15提问于2017-01-10得票数 1
回答已采纳
3回答
我有一个使用jQuery自动完成搜索的文本框。当我在文本框中键入某项内容时，它将显示未从中选择的建议。
我发现现在不支持selectFirst: true。如果我在下拉列表中选择一个项目并按enter键，它就正常工作了。
问题是，如果用户输入苹果的app并按enter键，它将尝试使用app提交表单。表单只应与下拉列表中的一个值一起提交。
我试图在按回车时禁用表单提交，这样我就可以从JavaScript提交表单，但找不到解决方案。
这是我的代码：
$("#searchtext").autocomplete({
source: path + 'autocomplet
浏览 3提问于2014-07-10得票数 9
回答已采纳
在提交表单时，如何让AngularJS single page应用程序在浏览器的自动填充设置上注册用户的输入？Angular并不是真正以“默认”的方式提交表单，所以浏览器不会捕获输入。
以下内容不会保存在Chrome的自动填充中：
<form id="header-search" class="navbar-form form-inline" ng-submit="submit()">
<input type="search" name="q" ng-model="Search.t
浏览 1提问于2014-10-04得票数 1
我在angular的select指令中设置选中的项目时遇到了问题。我不知道这是一个bug，还是angular的设计者有意设计的。不过，这肯定会使select指令的用处大大降低。
描述：
我的应用程序与REST API通信，以从数据库接收实体。API规定对象的关系只与ID属性一起发送，以便您可以在需要时在后续请求中检索它们。
示例：
{ id : 1, customerName : "some name", city : {id : 12}}
其中，city是另一个实体，可以使用城市id通过不同的REST端点进行检索，如下所示：
{ id: 12, name : "Ne
浏览 1提问于2013-03-11得票数 20
我有一个自定义的帖子状态，应该是公共可见的，但没有显示在编辑屏幕的“所有”列表中。
我就是这样注册帖子状态的：
register_post_status('my_custom_post_status', array(
'label' => __('The Label', 'domain'),
'public' => true,
'exclude_from_search' => true,
'show_in_admin_all_list'
浏览 0提问于2012-10-09得票数 6
回答已采纳
现在，我正在为搜索结果创建一个datatable。所以将会有如下的搜索表单：
<form id="">
Colour: <input id="colour" type="text" />
<a href="#" class="btn submit_search">Submit</a>
</form>
因此，当用户提交此表单时，该列表将显示在datatables中。下面是我的代码调用数据库并将结果显示到数据表中：
var myTabl
浏览 4提问于2017-01-25得票数 1
2回答
我在我的页面中有一个帖子列表，我也有一个表单来搜索帖子。
这是我的表格：
<form action="" method="post">
<input type="text" name="search" onclick="if(this.value=='Search:')this.value=''" onblur="if(this.value=='')this.value='Search:'" value=&#
浏览 3提问于2014-06-26得票数 0
回答已采纳
我试图添加使用引导程序的自动完成功能。当从自动完成列表中选择一个值时，我想在所选值的末尾添加一个":“。由于某种原因，这个附加信息不起作用。
我的角html代码是
<input type="text" ng-model="query" id="search_es"
typeahead="v for v in getNext($viewValue) | filter: type_filter"
typeahead-on-sele
浏览 2提问于2016-02-19得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
