草庐IT

ng-views

全部标签

javascript - ng-pattern 给出 "Lexer Error"?

作为输入元素的一个属性,我有:ng-pattern="^\d{5}(?:[-\s]\d{4})?$"这个表达式有什么问题?我收到这个错误:LexerError:Unexpectednextcharacteratcolumns0-0[^]inexpression[^\d{5}(?:[-\s]\d{4})?$]. 最佳答案 尝试在^之前和$符号之后添加/。例如ng-pattern="/^\d{5}(?:[-\s]\d{4})?$/"希望对您有所帮助! 关于javascript-ng-patt

javascript - ng-view 和 ng-animate 一起执行指令两次

当我使用angularjs1.1.4的ng-view和ng-animate时,我注意到指令被执行了两次。一次用于View中进入屏幕的元素,一次用于View中离开屏幕的元素(当View进入屏幕时已经为元素执行了指令)。根据我的理解,指令应该只对进入屏幕的元素执行,而不是对离开的元素执行。还是我错过了什么?foobar{{count}}varapp=angular.module('app',[]);app.config(function($routeProvider,$locationProvider){$routeProvider.when('/',{template:'foo'}).w

javascript - 使用angularjs访问 Controller 中的ng-model数据

我有一个包含Json数据的字符串,该字符串由另一个脚本(比如说脚本A)生成。我必须使用ng-model访问这些数据。所以我尝试的是创建一个如下所示的输入字段并将ng-model附加到它。``现在我所做的是使用脚本A将Json数据存储到这个输入字段中如下图document.getElementById("check").value=saveJson;现在为了将这些数据访问到Angular中,我创建了一个类似的Controllerangular.module('myapp').controller('formDataController',['$scope',function($scope

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

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

javascript - Aurelia:单例 View 中的静态自定义元素

我有一个带有单例View模型的Aurelia应用程序。该View类似于文件浏览器,左侧是TreeView(自定义元素),右侧是ListView。View模型activationStrategy是invokeLifecycle,ListView根据路由参数填充。展开节点时,TreeView会填充AJAX调用。树节点也是自定义元素。TreeView是完全自定义的,不使用任何第3方插件。当用户导航到另一条路线,然后再次返回同一路线时,View模型会保留,因为它是单例。但是,TreeView不是因为自定义元素不支持作为单例。我理解不支持单例自定义元素的原因。但是,我想知道在导航回同一路线时以某

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.js 使用 ui-router,如何只重新加载一个 View ?

我有一个使用angular.js的相当简单的待办事项应用程序,我正在为此使用ui-router库。我查看了github(https://github.com/angular-ui/ui-router/tree/master/sample)上的ui-router示例,但无法弄清楚我做错了什么。在我的应用程序中,我有一个侧边栏导航View(带有待办事项列表)和一个内容View(单击时显示待办事项的详细信息)。我遇到的问题是,当我导航到/todo/exampleItem时,内容View会更新并且导航面板也会重新加载。这不会影响应用程序的功能,但我想避免每次单击项目时导航面板闪烁。这是我处理状

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操作,还是有其他方法?无论哪种方式,我都希望看到一种优雅的方式来实现这一点。 最佳答案 问题是行的高度保持不变(直到它们被