草庐IT

ng2-dragula

全部标签

javascript - (Angular 2+)在 *ngFor 中使用 ng-content,无法访问循环变量

如何嵌入/投影到循环内的插槽中,并使投影内容能够访问循环变量?假设我有一个包含以下内容的基本组件{{data.title}}和一个使用嵌入槽“slot”的子组件{{data.category}}{{data.number}}我想要生成的HTML是{{data.title}}{{data.category}}{{data.number}}但实际发生的是子组件中没有定义“数据”,这是有道理的。有什么方法可以让它像这样工作吗? 最佳答案 使用TemplateRef可以在模板级别以声明方式声明在两个组件之间起作用的模板变量。以下解决方案与您

javascript - Angularjs:tr 标签上的 ng-repeat 和 ng-switch

我正在尝试使用AngularJS创建一个事件列表表。但是每个事件都有一个类型,不同类型的事件内容截然不同,有些类型还会生成不止一行。在一个完美的世界里,我会这样做:............但这行不通,因为大多数浏览器会丢弃或重新定位ng标签以强制tbody仅包含trs。我见过的相关问题(Howtouseng-repeatwithoutanhtmlelement)的唯一解决方案是拥有多个tbody元素;我宁愿不这样做,但即使我这样做,给tbodyng-repeat和ng-switch属性,我仍然有我不能在单个ng-switch-when中包装多个trs的问题.有没有办法在AngularJ

javascript - Angular ng-include 在错误的位置

我尝试包含一个带有Angularng-include的模板。要包含的页面:FirstSecondThird模板:text1text2text3获取模板方法:$scope.getTemplate=function(templateName){returnAPP_CONFIG.TPL_PATH+'/path/'+templateName+'.html';};模板加载正常,我可以在页面上看到它,但位置不对。这是我浏览器控制台的屏幕,ng-include插入在表格之前,而不是表格内部:请你帮我理解一下,这是为什么?提前谢谢你。编辑1,添加浏览器渲染: 最佳答案

javascript - Angular JS 1.2 - 使用 ng-show 动画化子元素

最亲爱的stackoverflowers,我是AngularJS的新手并且阅读了一些stuff关于如何以Angular方式制作动画,我仍然对如何正确实现它以及何时何地添加哪些类感到非常困惑。我觉得使用传统的jQuery(添加和删除类)我可以更好地控制我的动画。但也许这只是因为我已经习惯了那样。在页面加载时,我希望某些元素具有动画效果。因此在我的Controller中,在页面加载时,变量(pageLoaded)被设置为true。我周围的内容包装div将具有ng-show="pageLoaded"。通过这种方式,我使用以下CSS转换/动画成功地在整个页面上添加了动画:.page.ng-hi

javascript - 如何使用 ng-animate 以与列出元素相同的方式为表格行设置动画?

使用angular的ng-animate使列表流畅地动画化非常简单,但表格似乎是另一回事。PlunkerlistPlunkertable表格移动动画不起作用,元素只是卡入到位,我想表格需要一些其他CSS/JS,但我不确定什么会起作用,我尝试了很多东西没有成功。我确定这是可能的,例如有这个jQuerytableanimation但这如何转化为Angular动画?我是否必须通过指令深入研究一些JS/jQueryDOM操作,还是有其他方法?无论哪种方式,我都希望看到一种优雅的方式来实现这一点。 最佳答案 问题是行的高度保持不变(直到它们被

javascript - Angular Validation NG消息在提交和删除文本后不显示要求

这是我当前为我的表单设置的验证Thissearchfieldisrequired.和我的表格它工作正常。但这是我不喜欢这种情况的地方1)在空的搜索框上按Enter->它显示正确的消息“需要字段”2)开始键入和删除文本而不按回车->它再次显示错误消息这是我不想要的第二种情况...有什么想法吗? 最佳答案 也许您的错误消息字段名称不正确。由于您没有提供示例,因此无法说出您无法正常工作的确切原因。但是,当我测试时,它工作正常。Thissearchfieldisrequired.http://plnkr.co/edit/56koY7YxPD

javascript - Angular 选择和 ng-options

我有这个Angular选择:`我的$scope.status_codes是这样的:data:[{"code":"100","phrase":"...","spec_title":"RFC7231#6.2","spec_href":"http://tools.ietf.org/html/rfc7231#section-6.2"}...]我的$scope.obj.status更新为“300”或“100”或任何我更改选择的内容,但选择显示始终为空白。因此,模型更新为选择输入的选定值,但输入不显示当前选定的值,它显示一个空白项。如果我将ng-options更改为ng-options='stat

javascript - AngularJS "ng-submit"在浏览器预填充表单字段时出现问题?

我是AngularJS的新手,正在试验具有“登录”表单的单页应用程序。该表单由“ng-submit”绑定(bind),如果身份验证成功,它的Controller会进行AJAX调用并返回token。随后的AJAX调用传递此token。(不,我不想使用基本身份验证,因为我想要一个非hacky的“注销”按钮)。我已将我的用户名和密码字段设置为“必填”,这样当用户尝试提交字段中包含空白值的表单时,AngularJS将显示工具提示:SignInEmailPasswordLogin当某些浏览器(至少是Firefox)询问用户是否希望浏览器记住用户名和密码并在下次预填充时,就会出现问题。当浏览器填充

javascript - 在 ng-repeat 之后执行 jQuery 函数

在此先感谢您的帮助。我正在使用这个tagmanager在我的网络应用程序中。jQuery函数在此之前工作正常放在下ng-repeat="(key,val)inclient_proj"下面是一小段代码{{val.title}}TechnologiesExposure:{{val.exposure}}它显示为普通输入,但没有执行任何功能,例如在按下或输入后创建新标签。谁能告诉我发生了什么事? 最佳答案 1.创建一个自定义指令作为jQuery插件的包装器:angular.module('').directive('tagsManager'

javascript - Angular 和 jQuery ng-include with document.ready 不工作

我正在尝试使用HMTL加载一个放置在单独html中的组件。问题在于它会在浏览器加载页面后立即调用。下面是我的模态代码:组件代码在这里:termsAndConditions.html×-->Cisco'sGSAshippingPolicyThispolicyoutlinestherequirementsofshippingInternationallyincludingbutnotlimitedto:AllmembersoftheCiscoworkforceareresponsibletoadheretothispolicyASTistonotbeusedforpersona