草庐IT

angularjs-ng-pattern

全部标签

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 - AngularJS 父指令与子指令通信

考虑两个具有独立作用域的嵌套指令:如果我想要dctv2与dctv1交谈我有可能的选择:我可能需要dctv1的Controller在dctv2的定义中使用require:'^dctv1'我可以使用包装器调用父作用域上的表达式和scope:{callParent:'&'}我也可以使用$scope.$emit在dctv2但随后所有父作用域都会听到该消息。现在我要dctv1与dctv2交谈.我能做到这一点的唯一方法是使用$scope.$broadcast,但是所有的child都会听到。在这里交谈是指调用函数或类似函数。不想设置watch阻塞摘要循环。我怎样才能制作dctv1通知dctv2以最好

javascript - 同一页面中的 AngularJS、D3 和 JQuery。 D3 无法读取正确的 DOM 维度

我的页面无法正确加载,这让我很苦恼。我在html5和CSS3中使用简单的页眉-主体-页脚结构。+----------+|HEADER|+---+----------+---+|BODY|+---+----------+---+|FOOTER|+----------+我现在正在做的是在body空间内创建一个带有D3的svg,在加载窗口(以及图片)后动态读取宽度和高度。现在我想添加Angular以避免网站每个页面内的代码冗余,我这样做了:(function(){varapp=angular.module('neo4art',[]);varpages={"genesis.html":"The

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 - 使用 Ionic/AngularJS 和 Cordova 为 native 和 Web 应用程序使用相机

我正在尝试使用相机,我想知道您是否有任何关于如何使其在网络/native上工作的示例。我有这段代码,是从ng-cordova文档中借来的:$scope.takePicture=function(){varoptions={quality:75,destinationType:Camera.DestinationType.DATA_URL,sourceType:Camera.PictureSourceType.CAMERA,allowEdit:true,encodingType:Camera.EncodingType.JPEG,targetWidth:100,targetHeight:1

javascript - 我如何在 AngularJS 应用程序中使用 grunt-uncss?

我的AngularJS应用程序由两个url组成:http://myapp/#/foohttp://myapp/#/bar这是简化的index.html文件:除了包含应用程序逻辑外,script.js文件还包含通过$templateCache加载的html模板服务。随着http://myapp/#/foourl,foohtml模板被插入到中元素。同样,使用http://myapp/#/barurl,barhtml模板插入到中.我想做的是使用grunt-uncss减少style.css的任务尺寸。我的第一次尝试是:uncss:{dist:{files:{'style.css':['inde

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

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

javascript - 这个示例 AngularJS 无限滚动是如何工作的

我在搜索一些示例AngularJS脚本时找到了这个示例,但后来我似乎无法理解代码的Angular模块和指令部分。虽然我已经设法编辑loadMore()函数以从我的ReSTfulAPI检索json资源并且它与无限滚动一起工作得很好,但有人可以解释一下这是如何工作的,我真的很感激。在过去一周的业余时间里,我才刚刚开始阅读和尝试AngularJS...来自fiddle的原创(非常感谢原作者):http://jsfiddle.net/vojtajina/U7Bz9/functionMain($scope){$scope.items=[];varcounter=0;$scope.loadMore