草庐IT

angularjs-templates

全部标签

javascript - AngularJS $http : how to avoid redirect following

在AngularJS应用程序中,我对服务器url进行$http.post调用。此url的成功响应是30x重定向,我的问题是$http.post严格遵循此重定向并在成功回调中返回最终调用的结果。我想拦截此重定向并手动将用户重定向(更改浏览器url)到最终页面。可能吗? 最佳答案 根据docs,$http服务是一个核心Angular服务,它通过浏览器的XMLHttpRequest对象或通过JSONP促进与远程HTTP服务器的通信。了解这一点,并了解XMLHttpRequest的规范,拦截重定向可能是不可能的。W3CspecforXMLH

javascript - 如何在 Controller 外使用 $http?在 AngularJS 中

我想忘记“jQuery”因为我喜欢“AngularJS”。但是,我需要知道如何使用在我的应用程序的其他地方合并AngularJS的独立任务。例如,这次我想使用“$httpsAngularJS”函数导入一个JavaScript文件。示例(它曾经在jQuery中执行):$.get("url.js",function(data){eval(data)});//okconsole.info($.get);//codecodecode...ok示例(在AngularJS中记录)//InacontrollerApp.controller('Ctrllr',['$http',function($ht

javascript - 如何使用 Angularjs 在 Protractor 中选择可见元素

我有一个SPA,其中有多个具有相同类的div。我希望Protractor选择可见的div并单击它。我一直收到Failed:elementnotvisible这让人相信它正在获取一些不在这个特定页面上的元素(也许?)。我还收到WARNING-morethanoneelementfoundforlocatorBy.cssSelector('.myDiv')-第一个结果将被使用这再次让我认为它不是点击可见的,而是点击不可见的一个。这是我的规范:describe('Useractions',function(){it("shouldbeabletoclickamydiv.",function(

javascript - 如何使用 angularJS 制作虚拟卷轴?

我试图制定一个指令,我可以做一个虚拟滚动,所以当用户滚动表格时,表格删除“旧”View并添加"new"View,有点像收集重复,但我已经一直失败,我想我不明白它背后的数学原理,有人可以帮助我吗?这是我的指令代码:BaseModule.directive('myScroll',function(){return{restrict:"A",scope:{rows:"=",headers:"="},link:function(scope,el){varscrollTop=0;varscrollLeft=0;angular.element(el).on('scroll',function(){

javascript - 视觉 : Components/templates as props

我目前正在尝试学习vue并在整个组件概念上苦苦挣扎。假设我有一些定义选项卡的组件(如浏览器选项卡)。这个组件有一个名为name的属性。所以你可能会像这样使用组件:然而,让我们说事情需要更复杂一点。例如,您不只是希望名称是一个字符串,而是常规的HTML。好的,所以,您可以在v-html指令中使用prop并像这样使用选项卡组件:'+tab.display_name+''">由于引述太多,我花了一段时间才弄明白。有没有办法逃离这个逃生hell(完全是双关语)?我怎样才能把它放到它自己的代码片段/模板中?如果我们让它变得更复杂怎么办——比如我们要求prop是一个vue组件?'+tab.disp

javascript - 如何包含特定于每个 View 的javascript文件angularjs

我遇到的问题是,在我将它绑定(bind)到网格之前,loadjs文件并不总是被加载。我已阅读有关使用指令的其他帖子,但我不明白如何在我的案例中使用它们。代码应该加载一个特定的View,每个View依次有一个特定的javascript文件,需要在最终重新生成View之前加载该文件所以View1可能是一个具有datagrid.js文件依赖性的数据网格,而View2是一个具有listview.js依赖性的ListView谢谢。FunctionMyCtrl1($scope){$scope.$on('$viewContentLoaded',function(){//Loadfileifnotal

javascript - 带有客户端 haml 的 angularjs

我刚刚开始在我的Rails应用程序中使用AngularJS,因为我习惯在Rails中使用haml模板,所以我想在客户端对AngularJS做同样的事情。问题是我不知道在哪里读取haml文件。我有一个投资者模型,我正在尝试将“显示”模板转换为haml,因为它是最容易开始的。这是我的与显示相关的AngularJS代码投资者.js.咖啡#Setupthemodule&routeangular.module("investor",['investorService']).config(['$routeProvider',($provider)->$provider.when('/investo

javascript - Angularjs ng-disabled 不起作用

这是我的表格*但是我想了解为什么这个输入字段没有被禁用?我也试过$scope,所以在CTRL中:$scope.diss=true;在html中:*还是不行,有什么提示吗? 最佳答案 这是ng-disabled指令的一个简单工作示例:Clickmetodisable: 关于javascript-Angularjsng-disabled不起作用,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

javascript - AngularJS 中依赖字段的表单验证

我有一个包含2个字段的对象,其中1个应该小于或等于另一个。假设是HDD配额设置,我需要threshold小于或等于HDD的size。我正在尝试使用Angularui-utils#validate.这是我到目前为止的方式:http://embed.plnkr.co/EysaRdu2vuuyXAXJcJmE/preview(我希望链接有效)我遇到的问题是它在一个方向上起作用:设置size然后使用threshold就可以了但是如果我尝试更改size,在threshold处于无效状态之后-什么也不会发生。这是因为模型上未设置无效的threshold并且sizeid与null或undefined

javascript - 在 AngularJS 中注入(inject)原始类型

我目前正在学习AngularJS。我基本上已经掌握了Angular处理依赖项注入(inject)的方式,但有一个空白我找不到答案。假设我有一项服务可以根据用户的查询从网络上检索数据;它可能看起来像这样:varwebBasedServiceModule=angular.module('WebBasedService',[]);webBasedServiceModule.factory('webBasedService',function($http){varrootUrl="http://example.com/myApi?query=";return{getData:function(