Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >自动生成选项并选择第一个结果

自动生成选项并选择第一个结果
EN

Stack Overflow用户
提问于 2015-07-13 16:31:23
回答 1查看 30关注 0票数 0

这是我已经挣扎了很长一段时间的事情。我的目标是用一个可变的问候语列表填充选择框,并让它自动选择第一个问候语,而不是简单的空白。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<label>Check me to select: <input type="checkbox" ng-model="selected">
</label><br/>

<select> id="greetings">
    <option ng-repeat="greeting in MyCtrl.greetingList"
            ng-selected="selected">{{ greeting }}</option>
</select>

ng-selected指令(实际上是selected属性,实际上是一种更简单的解决方案)确实会在表单加载时从列表中选择一项,但它始终缺省为列表中的最后一项。我可能会捕获列表中的第一个元素并生成其余元素,但我不禁认为有一个更优雅的解决方案。有什么想法吗?

顺便说一下,我知道ng-options比ng-repeat更好。问题是我需要我的每个选项都有一个ng-click指令。我不能使用ng-options来实现这一点。

EN

回答 1

Stack Overflow用户

发布于 2015-07-13 16:39:16

您应该尝试$first并分配一个要选择的model。以这种方式

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<select data-ng-model="greetings">
    <option data-ng-repeat="greeting in MyCtrl.greetingList"
                data-ng-selected="$first" data-ng-value={{greeting.id}}>{{ greeting }}</option>
</select>

还有一些特殊的属性。它们都如下所示

$index

$first

$middle

$last

$even

$odd

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31388686

复制
相关文章
编写优雅的 commit message 并自动生成 changelog
http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html
木子星兮
2020/09/07
2.6K1
编写优雅的 commit message 并自动生成 changelog
数据自动录入并生成报表神器怎么玩?
做报表、分析数据、做汇报是许多打工人的日常,每天都要耗费不少的时间用Excel来整理、清洗数据和生成好看的报表。如果这些数据都是手动整理、复制粘贴的话,不仅费时费力,而且很容易出错。
阿那个沫
2022/12/16
1.2K0
数据自动录入并生成报表神器怎么玩?
AngularJS系列之select下拉选择第一个选项为空白的解决办法
今天给大家介绍一下AngularJS系列之select下拉选择第一个选项为空白的解决办法。 相信大家也经常遇到这种情况吧:在使用AngularJS中的select组件开发的时候,莫名其妙的第一个选项就
林老师带你学编程
2018/01/03
3.2K0
jenkins自动打包生成docker镜像后自动发布并nginx代理访问
之前曾写过docker及jenkins基础使用  https://www.cnblogs.com/xiaochangwei/category/816943.html
肖哥哥
2019/05/15
1.4K0
jenkins自动打包生成docker镜像后自动发布并nginx代理访问
Python的接口的单元测试并自动将结果发至邮件
流程介绍: 1、搭建一个服务 2、编写接口单元测试 3、将单元测试生成报告并自动发送邮箱
Python疯子
2019/10/28
5290
Python的接口的单元测试并自动将结果发至邮件
声明并运行了线程01并等待结果
TPL又被认为是线程池的有一个抽象,其对程序员隐藏了线程池交互的底层代码,并只提供了更方便的细粒度的API。TPL的核心是任务。一个任务代表一个异步操作,该操作可以通过多种方式运行,公务员遴选可以使用或不使用独立线程运行。xception来捕获底层任务内部所有异常,并允许单独处理这些异常。在C#5.0中已经内置了对TPL的支持,允许我们使用心得await和async关键字以平滑的、舒服的方式操作任务。
用户7737280
2021/11/30
3670
基于.net core实现项目自动编译、并生成nuget包
      近期想对自己的项目增加自动编译并生成nuget包,网上资料不少。但总还有迷糊的时候。首先:此解决方案包含多种版本的项目,如:有编译必须是x86平台,以及还有传统的.net foramework项目,以及多版本的.net core项目等。找到通用的解决方案还是用了不少的时间。本文章就对此做下自我总结。望对同仁有所帮助。 一、遇到的问题,以及解决办法 1.1 不同平台的编译怎么办       .net可以将dll(或者说是项目)编译成x86、x64、anycpu 等至少三种平台代码。但如果用dotn
sam dragon
2018/05/28
1.6K0
Labview选项卡之实现被选择选项卡工作
有些时候,我们做界面,需要好多个界面切换。如果是同一个 VI 里界面切换,一般都是选项卡了。切换不同选项卡就切换界面了。
Gnep@97
2023/08/16
7771
Labview选项卡之实现被选择选项卡工作
Ansible自动化采集数据并生成巡检报告
前段时间在GitHub[1]上发现了一个Ansible巡检服务的Roles, 今天给大家分享一下!
公众号: 云原生生态圈
2022/04/08
2.7K1
Ansible自动化采集数据并生成巡检报告
jenkins 执行构建 并查看结果
继完成构建项目配置http://www.cnblogs.com/yajing-zh/p/5111060.html后,则要执行构建。
微风-- 轻许--
2019/08/01
2.7K0
WordPress开发日志:利用Ajax添加文章页自动推送并显示推送结果
百度于2020年12月12日发送了一则令人叹息的消息提醒:普通收录工具-自动推送入口下线。已经快要一年了,这个工具也没有再次上线。虽然push.js仍然能够访问,但是接口早已关闭,所以已经没什么用。为了再次重现这个功能,并且在前端显示文章是否收录,推送成功,推送失败,我决定利用已有知识,重写自动推送功能,实现访问文章即可自动推送文章到百度站长。
小伍同学
2021/12/13
5770
WordPress开发日志:利用Ajax添加文章页自动推送并显示推送结果
vue选择多个文件并监听选择完成
昨天我们实现了vue下获取单个文件的绝对路径,并且通过另外一个按钮将所选文件的路径显示出来。
efonfighting
2019/10/22
3.2K0
使用FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图
本文借助vs2005中自带的FileUpload控件实现图片文件的上传并生成缩略图。实现过程:选择图网络
Java架构师必看
2020/10/09
2K0
使用 Python Selenium 提取动态生成下拉选项
在进行网络数据采集和数据分析时,处理动态生成的下拉菜单是一个常见的挑战。Selenium是一个强大的Python库,可以让你自动化浏览器操作,比如从动态生成的下拉菜单中选择选项。这是一个常见的网页爬虫和数据收集者面临的挑战,但是Selenium让它变得简单。
jackcode
2023/06/07
1.2K0
使用 Python Selenium 提取动态生成下拉选项
使用mkdocs及docs-material自动编译生成静态页面并自动提交GitLab Pages
MkDocs 是一个快速、简单、快捷可用的静态网站生成工具,文档使用 Markdown 书写,并仅需一个 YAML 配置文件。静态页面生成工具有 Docsify, VurPress, GitBook, hexo, Hugo 等等。本人使用过 Hexo和 Docsify,直到我发现了 MkDocs 以及它的绝配主题 mkdocs-material ,Mkdocs 的目录下仅需一个配置文件,然后就是完全的 MakeDown 文件即可,没有其他多余的配置,深得我心。今天就来讲讲如何为它配置一下 GitLabPipline 实现自动生成并提交到 GitLabPages。
宋天伦
2020/07/16
2.5K0
生成带下拉选项的excel(xls、xlsx)
原理:当我们需要生成带下拉框的excel,我们可以把需要下拉选择的数据放到sheet2,将sheet2的这些存放待绑定数据的单元格绑定到sheet1的需要下拉的单元格,而sheet2可以根据需求是否隐藏
用户9236851
2023/02/23
9840
博客相关 | 如何提取图片主题色并自动选择标题字体颜色
今天在写博客的时候,做了一个封面图,然后hexo cl && hexo g && gulp && hexo s一键生成,点开后却发现这个标题的字体颜色亮瞎我的眼睛:
Justlovesmile
2022/03/30
7440
博客相关 | 如何提取图片主题色并自动选择标题字体颜色
【CSS】CSS 复合选择器 ③ ( 并集选择器 | 并集选择器与后代选择器示例 )
并集选择器语法 : 若干 基础选择器 可以写在一起 , 基础选择器之间使用 , 逗号隔开 ;
韩曙亮
2023/03/30
1.4K0
【CSS】CSS 复合选择器 ③ ( 并集选择器 | 并集选择器与后代选择器示例 )
点击加载更多

相似问题

选择一个选项并张贴其值,在结果中自动选择该选项

10

如何在ng选项中生成不同的查看值并选择结果

23

自动选择第一个下拉选项

13

选择的第一个选项不应自动选择。

13

JCheckBox自动选择第一个选项

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文