Angular-xeditable 可编辑 (Bs​​3),带有日期和 ng-repeat

2024-04-13

我尝试扩展 Angular-xeditable 可编辑行 (Bs3) 的特定示例,添加字段“出生日期”

我创建了一个 jsfiddle 来描述问题

http://jsfiddle.net/ffgj62q0/ http://jsfiddle.net/ffgj62q0/(右链接)

<div ng-app="app" ng-controller="Ctrl">
<table class="table table-bordered table-hover table-condensed">
    <tr style="font-weight: bold">
        <td style="width:35%">Name</td>
        <td style="width:20%">Date of b</td>
        <td style="width:10%">Status</td>
        <td style="width:10%">Group</td>
        <td style="width:25%">Edit</td>
    </tr>
    <tr ng-repeat="user in users">
        <td>
            <!-- editable username (text with validation) --> <span editable-text="user.name" e-name="name" e-form="rowform" onbeforesave="checkName($data, user.id)" e-required>
      {{ user.name || 'empty' }}
    </span>

        </td>
        <td> <a href="#" editable-bsdate="user.dob" e-name="dob" e-datepicker-popup>
        {{ (user.dob | date:"dd/MM/yyyy") || 'empty' }}
      </a>

        </td>

弹出窗口不会出现。 :-(

我发现这个示例适用于一个日期字段。

http://plnkr.co/edit/Y4ilZ4rITYnjAyq2xAUa?p=preview http://plnkr.co/edit/Y4ilZ4rITYnjAyq2xAUa?p=preview

请问有解决这个具体问题的提示吗?

问候 C。


我分叉了你的小提琴(还更新了一些资源,例如在 jsfiddle -“框架和扩展”的 javascript 设置上将 angularjs 设置为 1.4.8,并从 jsFiddle 的外部资源中删除了 angular.min.js)。

然后我只是添加了一些缺失的内容,就像 Angular-xeditable 网站上所解释的那样(http://jsfiddle.net/cewm89y3/5/ http://jsfiddle.net/cewm89y3/5/)

  1. 我添加了缺少的依赖项ui-bootstrap,无论是 jsfiddle 的资源还是模块。
  2. 还添加了e-is-open and e-ng-click属性就像 Angular-xeditable 的示例中一样,

...在我的小提琴中,日期选择器打开。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular-xeditable 可编辑 (Bs​​3),带有日期和 ng-repeat 的相关文章

  • AngularJS orderBy 不能与 ngOptions 中的 track by 一起使用?

    我正在尝试排序ngOptions with track by 这是我的模板
  • AngularJS:选择非 2 路绑定到模型

    我正在使用选择来显示客户名称 用户应该能够选择现有客户端 然后更新范围属性 控制器 初始化 首选 if scope clients length gt 0 scope existingClient scope clients 0 View
  • Nervgh Angular 文件上传 - 如何限制文件格式为 jpeg 和 png?

    我正在升级使用 nv file select 指令的应用程序 我不确定如何限制支持上传的文件格式 您想要按照中所述使用过滤器文档 https github com nervgh angular file upload wiki Module
  • 如何正确地将代码从angularjs迁移到reactjs

    我正在尝试将代码从 Angular 迁移到 React 不确定这是否正确 只是需要一些帮助 看看我是否朝着正确的方向前进 我不知道角度 所以我很困惑 文本数据 是否类似于反应中的状态 我是否必须在顶部的状态中声明它 角度代码 scope t
  • 属性中的角度表达式

    我有一个使用 Angular 的页面 其中我从引导程序实现了弹出窗口 img class state msg 数据内容无法正确呈现 它按字面意思返回 item status message 而不是 message 的值 角度在 数据 属性中
  • 如何在 ngRepeat 中突出显示选定的行?

    我找不到可以帮助我解决这个简单问题的东西 在角度 比较时所有答案都与导航栏相关 正在根据位置路径进行 我使用列表和构建了一个动态表ngRepeat 当我单击一行时 我尝试为该行分配一个选定的 css 类 以突出显示该行已被用户选择的事实 并
  • 如何在AngularJS中的控制器之间共享数据

    我目前正在尝试学习 angularJS 但在控制器之间访问数据时遇到问题 我的第一个控制器从我的 api 中提取货币列表并将其分配给 scope currencies 当我单击编辑时 应该发生的情况是它切换使用另一个控制器的视图 现在 当使
  • 如何让 Angular-Flask 应用加载 html 部分?

    我试图让我的 Angular Flask 应用程序在基本 html 文件中渲染部分 HTML 文件 应用程序加载基本 html 窗口标题和页脚加载 但 ng view 没有加载任何内容 也许我到局部的角度路由不正确 文件结构 gt flas
  • 模型不是 AngularJS 中输入的日期对象

    使用 AngularJS 我试图使用输入显示日期type date
  • AngularJS with Grunt - 连接到另一台服务器

    我使用 grunt bower 和 yeoman 创建了一个 AngularJS 应用程序 我猜想 Gruntfile js 在 2014 年 1 月之后发生了变化 不确定 这是我的gruntfile js Generated on 201
  • console.log 未显示正确的值[重复]

    这个问题在这里已经有答案了 我正在尝试控制台一个对象 尽管它没有抛出任何错误 但我想要的结果在一段时间后显示 但我无法检索它 它显示一个 i 图标 上面写着 刚刚评估了下面的值 但我无法获取该值 OUTPUT Promise state s
  • AngularJS - RouteProvider 解析调用服务方法

    我创建了一项检查用户登录状态的服务 如果令牌存在 则登录用户 否则重定向到登录页面 最初我通过routeProvider解析调用了这个服务 这一次就可以完美工作 但是由于Angularjs服务是单例的 因此测试不会针对连续调用运行 然后 我
  • 如何使用 htaccess 将所有请求重定向到反应或角度索引?

    我正在使用react router 在react 中创建一个应用程序 早些时候 我对 Angular 做了同样的事情 但在这两种情况下 如果用户为 URL 添加书签并直接加载它 它将显示 404 错误 我们可以在 htaccess 中创建这
  • Angular JS - 如何在模型更改时制作动画?

    当 currentVertical 改变时 我试图做一个很好的淡出 淡入过渡 在淘汰赛中 这很简单 但我在这里无法弄清楚 请帮忙 以下代码显示一个 UL 列表 当单击 LI 元素时 该列表 绑定 到 scope currentVertica
  • 在 angularjs 应用程序中更改页面的位置哈希,无需重新加载页面

    我需要能够更改页面的位置哈希 例如从 到 page1 以便 angularjs 不会重新加载页面 有可能吗 在路由定义中添加此参数reloadOnSearch false 禁止在查询参数更改时重新加载基于 ui router 的视图 htt
  • Angularjs:两种方式的数据绑定和控制器重新加载

    如果使用路由和控制器 则模型不会在控制器重新加载之间保存其状态 Angular 在每个路由负载上创建控制器实例和新范围 例如 我在输入中键入具有 ng model something 的内容 转到另一条路线 然后返回第一条路线 我输入的所有
  • Angular JS 中的数组

    我是 Angular JS 新手 我正在将元素推送到数组中 然后想使用 ng repeat 在 html 中显示 scope groupedMedia Adding elements through a for loop scope gro
  • Angular,当任何资源处于待处理状态时显示加载

    我已经编写了一段代码来显示加载器 div 当任何资源处于待处理状态时 无论它是通过 http get 还是路由 ng view 获取的 我不仅仅想要信息 如果我变坏了 流程处理服务 app service flowHandler funct
  • 如何知道在Angular JS中选择了哪个元素

    我制作了多个选定的弹出窗口 用户可以在其中选择多个值 我想在屏幕上打印所有选定的值或获取一个对象 其中包含用户选择的所有元素 我将换句话说 在我的演示中 我在屏幕上有一个按钮 单击按钮时 我会打开一个弹出窗口 其中有多个选定的元素我想获取用
  • 为什么我无法将 $location 注入到我的 config() 中?

    为什么这会给我一个错误 angular module app config function routeProvider locationProvider httpProvider location 未捕获的错误 未知的提供商 来自应用程序

随机推荐

  • Thrift 将可选转换为默认或必需

    我有一个节俭的结构 struct Message 1 optional int userID 将其更改为默认需求是否安全 struct Message 1 int userID 如果我知道它总是已设置 那么 需要 呢 如中所述这个答案 ht
  • 尝试在 OS X 上安装 Qt 时提示“您需要安装 Xcode 5.0.0”,但此版本太旧,无法使用

    我是一名 Windows Linux 开发人员 偶尔会为 OS X 进行构建 特别是在 Qt 中 我有一个在 Windows 上开发的简单 Qt 项目 我现在希望在 OS X 上构建它 我正在运行优胜美地 我已经安装了 Xcode 7 并尝
  • dplyr + ggplot2:无法通过管道进行绘图

    我想绘制数据框的子集 我正在使用 dplyr 和 ggplot2 我的代码仅适用于版本 1 不适用于通过管道的版本 2 有什么不同 版本 1 绘图正常 data lt dataset gt filter type type1 ggplot
  • 封闭类型族和奇怪的函数类型

    抱歉 我无法想象出更好的问题标题 所以请继续阅读 想象一下 我们有一个封闭的类型族 它将每种类型映射到它对应的类型Maybe除了他们自己 type family Family x where Family Maybe x Maybe x F
  • 在 PostgreSQL 上设置默认日期格式

    下午好 你们中的许多人可能已经知道这是可能的 例如 在 Oracle 中设置格式化函数使用的默认日期格式 即 to char 就像这样 ALTER SESSION SET NLS DATE FORMAT SYYYY MM DD HH24 M
  • 使用 ng-include 历史向后导航

    我开始使用 angularjs 开发一个单页 Web 应用程序 现在我正在定义导航 因此 我最终使用了 2 级导航 第一级 使用 ng view 进行主导航 第二级 使用 ng include 带有顶部和底部栏的子视图导航 这是我们的 iP
  • Google Maps Javascript API V3 - 如何删除自定义控件?

    我通过以下方式创建了自定义控制器http code google com apis maps documentation javascript controls html http code google com apis maps doc
  • Ansible:权限被拒绝(公钥、密码)

    我无法连接到 Ansible 中的主机 这是错误 192 168 1 12 无法到达 gt 改变 假 msg 错误 SSH 在连接过程中遇到未知错误 我们建议您使用 vvvv 重新运行该命令 这会导致 将启用 SSH 调试输出以帮助诊断问题
  • Yii2 迁移。表名中的百分号和括号

    我在github上浏览了yii2 oauth2 server代码 并在其中遇到了有趣的语法迁移文件 https github com Filsh yii2 oauth2 server blob master migrations m1405
  • 客户端非 ES6 浏览器上的 JSX Spread 属性

    ReactJS JSX 有一种可以轻松向组件添加大量属性的方法 var props props foo x props bar y var component
  • 定义深度/维度未知的 C++ 模板

    我想写一个n维直方图类 它应该采用包含其他 bin 等的 bin 的形式 其中每个 bin 包含最小和最大范围 以及指向下一个维度 bin 的指针 bin 的定义如下 template
  • PivotCaches.add 错误 5 - 2003 到 2010 宏

    我有一个 Excel 2003 xls 文件 我试图在 Excel 2010 中运行该文件 我首先将该文件另存为 xlsm 并将该目录添加为信任中心中的受信任目录 我收到错误代码 如下箭头所示 注意 如果我将数据透视表版本更改为 12 它仍
  • 在 C++ 中将 char 或 string 转换为 bitset

    我正在做 DES 加密的作业 但我似乎无法将字符串转换 更不用说将字符转换为位集了 谁能告诉我如何在 C 中将单个字符转换为位集 下列 char c A std bitset lt 8 gt b c implicit cast to uns
  • 如何在 PHP 中实现后台/异步 write-behind 缓存?

    我有一个特定的 PHP 页面 由于各种原因 需要将 200 个字段保存到数据库中 这是 200 个单独的插入和 或更新语句 现在显而易见的事情就是减少这个数字 但是 就像我说的 由于我不想费心去讨论的原因 我不能这样做 我没想到会出现这个问
  • 在交叉过滤器中过滤多个离散值

    有没有人有办法过滤交叉过滤器 https github com square crossfilter wiki API Reference多个值的对象维度 就像是 filterExact cash visa or filter cash v
  • Android - 在相对布局的ImageView中居中Textview

    我有一个带有 ImageView 的相对布局 并且希望在活动布局 xml 文件中将 TextView 置于 ImageView 的中心 这是图像视图 然后是我为 TextView 尝试过的内容 这是相对布局的内部
  • 拖放文件上传

    因此 我正在努力寻找我正在寻找的东西以及如何实现它 我有一个基本的 PHP 文件上传器 用户按下自定义上传按钮 选择一个文件 然后使用 JS 检查更改 即用户选择文件 然后提交上传图像的表单美好的 我现在还想要一个拖放上传区域 因此 用户可
  • 查找数组中缺失的数字

    我试图找到数组中每个缺失的数字 如下所示 Array 0 gt 1 1 gt 2 2 gt 3 3 gt 4 4 gt 5 5 gt 6 6 gt 7 7 gt 8 8 gt 9 9 gt 10 10 gt 11 11 gt 12 12 g
  • 如何在asp.net core rc2中获取控制器的自定义属性

    我创建了一个自定义属性 AttributeUsage AttributeTargets Method AttributeTargets Class public class ActionAttribute ActionFilterAttri
  • Angular-xeditable 可编辑 (Bs​​3),带有日期和 ng-repeat

    我尝试扩展 Angular xeditable 可编辑行 Bs3 的特定示例 添加字段 出生日期 我创建了一个 jsfiddle 来描述问题 http jsfiddle net ffgj62q0 http jsfiddle net ffgj