草庐IT

angular-http-interceptors

全部标签

javascript - 阻止了来源为 "http://video.sasads.com"的框架访问框架

今天在开发网站时,我注意到控制台上有些奇怪。这是我第二次看到此错误消息。我用谷歌搜索了sasads.com网站,但没有找到任何信息。网站显然是xml性质的,似乎非常可疑。控制台错误代码是阻止了来源为“http://video.sasads.com”的框架访问来源为“http://”的框架。协议(protocol)、域和端口必须匹配。该网站是php/jquery并使用最新的jquery发行版。我在js文件夹中搜索了sasads.com,但找不到这样的字符串。被阻止的jquery声明它在1.7中运行,因此它必须在异地某处加载它。使用的浏览器是chrome,服务器运行最新的php和mysql

javascript - 我根本不了解 Angular 数据绑定(bind)

我花了几个小时尝试对这段代码进行微小的修改,但我不明白为什么一个可以工作而另一个不能。场景如下:我正在尝试提供一个注册用户列表(我通过一个简单的数据库查询获得了该列表,该查询只返回几列),然后当一个用户的名字被点击时,我将检索从数据库中获取有关该用户的更多信息,并将其呈现在不同的View中。目前,我正在使用常规执行此操作带有ng-click的元素设置一个名为currentid的值的指令.在我的代码的其他地方,我使用$watch()每当currentid时发送一个新的数据库查询变化。那部分似乎在工作(我看到console.log()从我的watch回调中输出,并且数据库查询吐出正确的数据

javascript - 在 HTTP 请求期间识别客户端 Web 应用程序的版本

我们有一个单页应用程序,我们会定期对其进行更改。在极少数情况下,客户端的某个版本存在错误并向服务器提交错误请求。即使在您发布更新后,旧版本的客户端也有可能存在。在这些情况下,客户端随我们的请求一起发送版本标识符会很有用,这样我们就知道是哪个版本的代码库启动了它。对于这种情况,是否有任何现有的最佳做法?附加一个额外的标题似乎是一个简单的解决方案,但如果这个问题已经得到解决,我不想涉足新的领域。 最佳答案 我们只是使用自定义HTTPX-header。类似于X-Client-Version和X-Client-Name。

javascript - 外部语言环境文件中的 Angular $sce 与 HTML

将Angular应用程序从1.0.8升级到1.2.8时有关ng-bind-html的问题:我将语言环境字符串存储在名为en_GB.json、fr_FR.json等的文件中。到目前为止,我已经允许在语言环境字符串中使用HTML允许编写本地化内容的团队应用基本样式或添加内联anchor标记。这将产生以下示例JSON:{"changesLater":"Don'tforgetthatyoucanalwaysmakechangeslater.""errorEmailExists":"Thatemailaddressalreadyexists,pleasesignintocontinue."}当将

javascript - Angular JS $on "$locationChangeStart"在 event.preventDefault() 时触发了两次

我正在尝试监听AngularJS中的$on"$locationChangeStart"事件,并防止该事件在某些情况下发生。只要我执行event.preventDefault(),$on"$locationChangeStart"事件就会再次触发。这是一个AngularJS错误吗?$rootScope.$on"$locationChangeStart",(event,next,current)->ifdoNotLeaveevent.preventDefault()提前致谢,史蒂夫 最佳答案 好吧,我见过一个非常相似的情况,并找到了一个

javascript - 在 aws cloudfront 上部署一个 Angular 应用程序

我有一个laravelphp应用程序,它基本上是一个api,用户将通过一个Angular单页应用程序访问它。目前,angular应用程序包含在public文件夹中,但我想将其单独拆分,以便我可以通过amazoncloudfront部署它。我找到了this有关在CloudFront上托管静态网站的文章,其中解释了基础知识,但我找不到任何讨论api与您的cdn服务站点的命中。我仍然希望能够拥有3个不同的环境,开发/暂存和生产,每个环境目前都有自己的弹性beanstalk托管实例和单独的数据库。我希望他们的地址分别是dev.blah.com/staging.blah.com和blah.com

javascript - 我如何限制 angularjs 中的 $http 请求?

我正在使用angularjs为数据导入器构建UI。Angular应用程序将处理输入数据源(电子表格或其他)并将GET/POST发送到API以在服务器上创建/更新记录并检索更改等。如果用户正在导入数千条记录,我可能不希望一次打开数千个ajax调用(并不是说Angular能够在第一次完成之前发出所有请求)。我的想法是添加某种连接池,以便可以将其限制为一次仅10或50次左右的ajax调用。angular是否已经内置了限制ajax调用的方法?我知道我可以毫不费力地build一个,但如果已经有一些光滑的东西,我不想重新发明轮子。谁能为此推荐任何工具/插件?我知道有一些用于jquery,但我希望在

javascript - 显示基于 Angular 中另一个选择的选项列表

我有两个选择下拉菜单,其中第二个选择中的选项取决于第一个选择中选择的选项。目前,我正在尝试弄清楚应该以何种方式从服务器返回数据,这取决于我设置过滤器的方式。对于使用多选下拉列表过滤数据结构的最佳实践,我将不胜感激。以防万一我正在使用当前稳定版本的AngularJS(v1.3.15)开发/测试的人对此感兴趣。数据结构1-嵌套:$scope.optionObjs=[{id:1,name:'option1',desc:'',elements:[{id:9,name:'option11',desc:'',},{id:10,name:'option12',desc:'',},{id:11,nam

javascript - 如何在 Angular2 中管理服务?

Angular2:2.0.0-alpha.31/typescript1.5目前我将我的服务作为一个简单的Class来管理,然后我将这个Class注入(inject)到另一个组件中。示例:exportclassPlayerService{http:Http;players=[];constructor(@Inject(Http)http){this.http=http;}getAll(callback){this.http.get('/data/players.json').toRx().map((res)=>res.json()).subscribe((data)=>{this.pla

javascript - "clock"指令的 Angular 单元测试 $interval

我有一个Angular指令“时钟”,我正在尝试编写一个单元测试以查看时钟$interval是否真的提前到future时间(即:通过查看element.text()2分钟).我通过了当前时间的测试,现在我想测试它是否会通过$interval.flush显示future的时间。在我看来$interval.flush并没有真正推进时钟。我可以要求两个答案吗:如果$interval触发,我如何进行单元测试?为什么$interval.flush似乎没有推进Date()?我遵循这些帖子中的指南:howtounit-testsetIntervalinkarmaangularjshttp://www.