我尝试扩展 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/)
- 我添加了缺少的依赖项
ui-bootstrap
,无论是 jsfiddle 的资源还是模块。
- 还添加了
e-is-open
and e-ng-click
属性就像 Angular-xeditable 的示例中一样,
...在我的小提琴中,日期选择器打开。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)