文档章节

AngularJs中input uib-typeahead 搜索加自动补全 注意点

wlc534
 wlc534
发布于 2017/09/07 09:49
字数 117
阅读 16
收藏 0
<div class="system_input_content" style="margin-top: 10px">
    <span class="input-title">指标名:</span>
    <input type="text" id="index_name" ng-model="search.index_name"
           uib-typeahead="index as index.index_name for index in indexes"
            />
</div>

纯手写,自己输入,数据传输正常

 

如果模糊匹配输入 会把对象传进去

解决方法:

<div class="system_input_content" style="margin-top: 10px">
    <span class="input-title">指标名:</span>
    <input type="text" id="index_name" ng-model="search.index_name"
           uib-typeahead="index.index_name as index.index_name for index in indexes"
            />
</div>

完美兼容手动输入和自动填充

 

© 著作权归作者所有

共有 人打赏支持
wlc534
粉丝 6
博文 84
码字总数 143947
作品 0
私信 提问
PhpStorm 对 AngularJS 的支持

非常喜爱用AngularJS来构建web应用程序的前端吗? PhpStorm 使得在其上进行 AngularJS 相关的工作同其它得到IDE支持的编程语言的工作一样容易! 为了可以自动完成,快速文档,导航并支持自定义...

oschina
2014/05/29
4.8K
13
我们为什么以及是如何从 Angular.js 迁移到 Vue.js?

在我写这篇文章的时候,我们刚刚从我们的应用程序代码库中删除了最后一行AngularJS代码,结束了一个为期4个月的非侵入性工作,将我们的应用程序从AngularJS迁移到VueJS。在这篇文章中,我将分...

oschina
2017/10/19
11.1K
43
我们为什么以及是如何从Angular.js 迁移到 Vue.js?

一些背景介绍 我们的应用程序(Holistics.io )是一个基于 SQL的商业智能(BI)平台,使用Rails、Sidekiq、PostgreSQL和AngularJS编写。我们的Rails应用程序始于2013年底,作为一个简单的应用...

燕儿199606
06/14
0
0
AngularJS 的表单验证

今天我们将来看看Angular如何帮助做表单验证. 我们将讨论更多使用angular进行有关表单操作的东西(就像我们另外的一篇文章: 提交Ajax表单:AngularJS的方式). 不过不用担心,那篇文章不一定要...

oschina
2014/06/22
67.4K
7
《AngularJS学习整理》系列分享专栏

《AngularJS学习整理》系列分享专栏 《AngularJS学习整理》已整理成PDF文档,点击可直接下载至本地查阅 https://www.webfalse.com/read/201748.html 文章 教你用AngularJS框架一行JS代码实现...

开元中国2015
11/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用form表单同时实现上传文件和提交文本数据

使用form表单同时实现上传文件和提交文本数据,此示例中在后台将文件上传到阿里的oss存储服务器中 申请oss相关账号: endpoint = "http://oss-cn-qingdao.aliyuncs.com"; accessKeyId = "key"...

貔貅叔
5分钟前
0
0
结合实际场景谈一谈微服务配置

作为 Nacos 5W1H 的系列文章,本文将围绕“Where”,讲述 Nacos 配置管理的三个典型的应用场景: 数据库连接信息 限流阈值和降级开关 流量的动态调度 上一篇:Nacos帮我解决了什么问题? 数据...

阿里云云栖社区
7分钟前
0
0
在Windows安装运行Kafka

https://www.cnblogs.com/flower1990/p/7466882.html 一、安装JAVA JDK 1、下载安装包 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 注意:根据3......

洛水
9分钟前
0
0
插件

sftp Bracket Pair Colorizer Guides Auto Rename Tag Chinese (Simplified) Language Pack for Visual Studio Code...

dragon_tech
10分钟前
0
0
Missing Number(leetcode268)

Given an array containing n distinct numbers taken from 0, 1, 2, ..., n, find the one that is missing from the array. Example 1: Input: [3,0,1]Output: 2 Example 2: Input: [9,6......

woshixin
14分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部