草庐IT

angular2-in-memory-web-api

全部标签

javascript - 将 jQuery 变成 Angular,修复侧边栏不起作用(?)

我正在将jQuery插件转换为Angular指令,但仍然无法正常工作,或者:根本无法工作。ThisisthebehaviorIwanttoachieveHereisajsfiddlealso请记住,我想要通过此实现的是左侧边栏上到处都显示“粘性”的行为。我是用jQuery做的(我是Angular的新手),我需要让它与Angular一起工作。请去看看PlunkrExample,那种行为,就是我想要的。如果你们中的一些人花时间帮助我,请提前致谢。查看jQuery代码:$(function(){varoffset=$("#sidebar").offset();vartopPadding=85

javascript - 如何用 Angular 做多个 View 来支持页眉和侧边栏?

我是第一次使用AngularJS。我已经在包含header.html模板的index.html页面中成功实现了一个ng-view。所以它看起来像下面但现在我正在创建一个仪表板(dashboard.html)。所以,除了header.html之外,我还有一个左侧菜单,所以它看起来像这样:我的index.html是这样的:我的dashboard.html是这样的:Link1Link2Link3 最佳答案 试试这个:angular.module('app',['ngRoute']).config(['$routeProvider',fun

javascript - 从 javascript 调用 Google 云打印/搜索 API

有没有人在JavaScript中成功使用Google云打印(特别是/search)API?我尝试了很多方法,但一直出现以下错误。XMLHttpRequest无法加载https://www.google.com/cloudprint/search.请求的资源上不存在“Access-Control-Allow-Origin”header。产地'http://localhost:8080'因此不允许访问。代码片段:varsearch=newXMLHttpRequest();search.open('POST','https://www.google.com/cloudprint/search

javascript - Angular ng-repeat 实现

我尝试实现Angularng-repeat指令,但我不明白为什么这段代码不能正常工作。.directive("myRepeat",function(){return{transclude:"element",priority:1000,compile:function(tElem,tAttrs){varmyLoop=tAttrs.myRepeat,match=myLoop.match(/^\s*(.+)+in\s+(.*?)\s*(\s+track\s+by\s+(.+)\s*)?$/),indexString=match[1],collectionString=match[2],pa

javascript - Angular : ng-if and ng-repeat not working after custom transclusion

我正在尝试在angularJS中对指令进行自定义嵌入,因为我需要将两个单独的元素嵌入到两个单独的位置。问题是,虽然一些指令在嵌入的内容上继续工作,例如ng-bind其他指令,例如ng-if或ng-repeat不要这样做,即使在使用正确的范围重新编译被嵌入的元素之后也是如此。示例:http://jsbin.com/menakapoma/1/edit?html,js,output正如您在示例中看到的那样,ng-bind有效,但ng-if无效,即使它们都在同一范围内并访问相同的值.ng-if的true或false状态都不起作用。我相信这是因为ng-if指令被嵌入为注释,但是即使我将嵌入指令的

javascript - 如何进行多个 api 调用以在 d3 图表中显示单个数据

我正在尝试使用d3在图表中显示数据,方法是使用相同的数据但不同的日期进行2个单独的api调用。第一次API调用:vardata1={'name':'test','id':7948237982937,'startDate':startDate1,'endDate':endDate1,'tz':getTimezoneOffset()};vardata2:{'name':'test','id':7948237982937,'startDate':startDate2,'endDate':endDate2,'tz':getTimezoneOffset()};我正在尝试进行调用并按如下方式显示图

javascript - Angular Typeahead : click on suggestion and instantly make a post?

我正在做一个项目,我正在使用Siyfion'sangularTypeahead.我有一个用于搜索用户的Typeahead。当在建议下拉列表中找到用户名时,您应该能够单击名称或按回车键直接发帖,而不需要按按钮来发帖。为此,我需要“捕获”其中一个用户名的点击或返回事件。你会在下面找到它的html和js,我还制作了一个plunker使事情更清楚。有人知道我如何捕捉点击和返回事件吗?欢迎所有提示!这是JS代码:varapp=angular.module('plunker',['siyfion.sfTypeahead']);app.controller('MainCtrl',function($

javascript - 如何通过 Web-Workers 传递自定义类实例?

由于Web-WorkerJSON在线程之间序列化数据,所以这样的事情不起作用:worker.jsfunctionAnimal(){}Animal.prototype.foobar=function(){}self.onmessage=function(e){self.postMessage({animal:newAnimal()})}main.jsletworker=newWorker('worker.js')worker.onmessage=function(e){console.log(e.data)}worker.postMessage('go!')结果将是一个简单的对象,但丢失

javascript - 配置 Angular FileManager 以供自定义使用

我对使用名为AngularFileManager的基于JavaScript的文件管理UI框架很感兴趣。.您可以点击链接仔细阅读该项目的GitHub页面,也可以通过单击here访问该框架的运行演示。.我面临的问题是似乎很少有文档或支持配置此框架以供自定义使用。具体来说,我想修改文件config.js来为文件管理器使用的Web服务指定我自己的服务器端端点。我尝试调整演示,可从链接获得,但我的浏览器只是挂起。理想情况下,我会寻找有关如何配置AngularFileManager的优秀教程的链接或以前成功使用该框架并有话要说的用户。 最佳答案

javascript - 测试传递给 Angular Material Dialog 实例的 Controller

首先,我正在尝试对传递给AngularMaterialDialog的Controller进行单元测试。实例。作为一个一般性问题,单独测试这样的Controller更有意义,还是实际调用$mdDialog.show()更有意义?我正在尝试第一种方法,但遇到了一些问题,主要与AngularMaterial如何将“局部变量”绑定(bind)到Controller有关。这是我用来在我的源代码中调用对话框的代码,它按预期工作:$mdDialog.show({controller:'DeviceDetailController',controllerAs:'vm',locals:{deviceId