jjzjj

angularjs-ng-pattern

全部标签

javascript - $digest 渲染 ng-repeat 作为注释

我正在为指令编写测试,执行测试时模板(已正确加载)呈现为对于初学者来说,代码的相关部分:测试...beforeEach(inject(function($compile,$rootScope,$templateCache){varscope=$rootScope;scope.prop=['element0','element1','element2'];//Templateloading,intherealcodethisisdonewithhtml2js,inthisexample//I'mgonnaloadjustastring(alreadycheckedtheproblempe

javascript - 等待 DOM 在 AngularJS 指令上准备就绪

我正在为我的Angular动力网站构建一个“导游”。我四处寻找选择和Intro.js似乎是最合适的。它已经准备好Angular指令和所有内容:AngularIntro.js.一切都按预期工作,直到我不得不向first(并且仅是第一个)添加一个步骤,一个由ng-repeat绑定(bind)注入(inject)的DOM对象。我给了所有ng-repeat项目一个唯一的ID(通过$index),但Intro.js就是不承认它。我猜Intro正在尝试通过指定的ID查找DIV,但由于ng-repeat尚未完成,因此没有该名称的DIV。我做了一个plunker,你可以看到它正在处理静态内容,但无法识

javascript - AngularJS ng-重复条件

我有一组JS对象(例如文档中的段落),我想使用angularJS显示它们。ng-repeat似乎是我需要的指令:{{paragraph.text}}但是,我需要做的不仅仅是在此循环中显示它们的内容。我需要在之后插入分页符(仅出于视觉目的,例如:x)像素(尝试所见即所得文档)。我的问题:是否可以有某种条件逻辑来计算前面的段落垂直使用了多少像素,如果大于x,插入一个分页符div并重置计数器?非常感谢任何帮助/建议/方向。 最佳答案 我认为你可以使用ngClass{{paragraph.text}}检查条件$scope.checkCond

javascript - AngularJS/用户界面路由器 : handle 404 on resolve

我是AngularJS和ui-router的初学者,正在尝试处理未找到资源的404。我希望在不更改地址栏中的URL的情况下显示错误。我已经这样配置了我的状态:app.config(["$stateProvider",function($stateProvider){$stateProvider.state("home",{url:"/",templateUrl:"app/views/home/home.html"}).state("listings",{abstract:true,url:"/listings",templateUrl:"app/views/listings/listi

javascript - AngularJS:从服务器下载pdf文件

我想使用$http从网络服务器下载一个pdf文件。我使用这段代码效果很好,我的文件只保存为html文件,但是当我打开它时,它在浏览器中以pdf格式打开。我在Chrome36、Firefox31和Opera23上对其进行了测试。这是我的angularjs代码(basedonthiscode):UserService.downloadInvoice(hash).success(function(data,status,headers){varfilename,octetStreamMime="application/octet-stream",contentType;//Getthehea

javascript - ng-repeat 中的 Angular 切换过滤器

我正在尝试使用ng-repeat显示一些数据。我想对显示的数据进行筛选,当我单击特定项目时,应删除筛选器。当我再次单击该特定项目时,应再次添加过滤器。我从一个想法开始,在我看来我有:{{t.name}}在我的Controller中:.controller('TicketCtrl',function($scope,$filter){$scope.toggleFilter=function(name){name=$filter('getSlice')(name);alert(name);}});当我提醒name时,它会提供正确的过滤项目,但它不会在View中更新。我认为这必须对ng-rep

javascript - Angularjs 使用 ui-sref 链接将 html 添加到变量

我有以下将html添加到变量的代码。但是,当它显示在页面上时,链接不起作用。动态插入ui-sref链接的最佳方法是什么?JavaScript.controller('page',function($scope,$rootScope,$http,$state,$sce){$scope.message=$sce.trustAsHtml('Aloginlink');})HTML 最佳答案 有aworkingplunker我会说,我们可以结合使用:$state.href()(文档here)和ng-href(文档here)(但仅在传递的参数是

javascript - Angular JS ng-model 第一次没有正确启动

我正在使用AngularJSng-model来跟踪select标签的选定值。这是例子http://jsfiddle.net/8853oxb1/3/functionControllerA($scope){$scope.optionsArray=[1,2,3,4,5];$scope.optionsObject={"India":"IN","Singapore":"SG","Malaysia":"MY","Indonesia":"INDY"};}如果,我使用tab键转到下拉菜单并尝试按“I”两次以选择以I开头的第二个选项,下拉菜单值会按预期更新,但ng-model仅采用第一个选项是“我”。a

javascript - 最佳实践 : Should I use ng-switch for this?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭7年前。Improvethisquestion我在Angular中得到了这个对象。$scope.columns={workspace:{title:"Workspace",type:"workspace",activities:[]},alerts:{title:"Alerts",type:"alert",activities:[]},main:{title:"MainFeed",type:"main",activities:[]}}

javascript - angularjs 创建/导出 html View 为 pdf

我正在使用bootstrap创建模态窗口,在这个窗口中我有一些信息、一些表格和文本区域,是否可以从这个.html模态视图创建一个.pdf文件?我查看了FileSaver,但这只适用于下载表格,我想要的几乎就像模态窗口的打印屏幕。 最佳答案 使用html2canvas将html隐藏到Canvas中然后使用jsPdf转换为pdf。这是例子fiddle像这样DownloadPdfhtml2canvas($("#canvas"),{onrendered:function(canvas){varimgData=canvas.toDataURL