草庐IT

angularjs-controller

全部标签

javascript - AngularJS 中的传单 map 交互

我是AngularJS的新手,我有一个通过指令加载的Leaflet应用程序。传单配置无耻摘自http://leafletjs.com/examples/choropleth.html加载带有突出显示邮政编码的map。我的问题是我想从返回Plotlyurl的ajax调用加载url。如何将map替换为嵌入Angular中的iframe。请注意,代码非常粗糙,大部分是带有指令的纯javascript:Controller:app.controller('MapController',['$scope','$http',function($scope,$http){$scope.data=''

javascript - 可以在 AngularJs 中设置 base 标签的 href 属性吗?

我想根据常量值设置base标签的href属性值。为此,我在head元素中声明了base属性,如下所示:然后我使用以下代码片段设置了baseUrl值:app.run(["$rootScope","env",function($rootScope,env){$rootScope.baseUrl=env.baseUrl;}]);其中env是Angular常量。locationProvider是这样配置的:.config(function($locationProvider){$locationProvider.html5Mode(true);})当我运行它时,我看到正确设置的值:但是在控制台

javascript - 如何使用 OAuth2 在客户端 angularjs 应用程序中存储 clientId 和 clientSecret?

我正在构建一个MEANJS应用程序,我想在客户端angularjs应用程序中保护我的应用程序clientId和客户端secret。我可以在哪里存储这些详细信息。如何为此提供安全性?对于用户登录,我必须提供这些并且需要获得访问token...新手帮助我.. 最佳答案 将client_secret保留在客户端,你基本上会破坏它背后的整个想法。比方说,Google要求客户端应用程序进行额外的验证调用GoogleOAuthdocs.如果您能够从服务器端发出请求,在从oauth提供者接收到token后将其传递到服务器端并发送token和cli

javascript - AngularJS $anchorScroll yOffset 在子元素中

据我了解$anchorScrollyOffset在子元素中是不可能的:“为了使yOffset正常工作,滚动应该发生在文档的根部而不是某些子元素上。”https://docs.angularjs.org/api/ng/service/$anchorScroll示例(修改自AngularJS文档):我想单击一个链接并在滚动到的内容上方包含单词“between”。index.htmlGotoinner-anchor{{x}}betweenInner-Anchor{{x}}of5样式.css.anchor{border:2pxdashedDarkOrchid;padding:10px10px2

javascript - AngularJS 多选复选框保存在逗号分隔的字符串中

我想从angularJS中选定的复选框项目中获取逗号分隔的字符串。同时,当从数据库中检索逗号分隔的字符串时,我希望相应地选中复选框。CarSignalDoor我用Plunker以非常简单的方式解决了这个问题http://plnkr.co/edit/YYd5bN5Chmyjt6gSH1Bw?p=preview$scope.Update=function(Drawings){varstr="";if(Drawings.CarMDrawings){str="Car";}if(Drawings.SignalMDrawings){str=str+",Signal";}if(Drawings.Do

javascript - Google Transliterate 结果未在 Angular Controller 中使用的范围内更新

在将GoogleTransliterate与Angular项目集成方面需要一些帮助,下面是使DOM中的所有所需元素都可音译的代码段。functionza(){google.load("elements","1",{packages:"transliteration"});google.setOnLoadCallback(procTA);}//callsthehelperfunctionforeachofinputaswellastextareaelememntsinthepagefunctionprocTA(){procTAHelp('textarea');procTAHelp('in

javascript - 在 DOM 中移动 Controller 时保留元素/范围状态

在一个Angular应用程序中,我想将一个元素从DOM树的一部分移动到另一部分,而不必重新加载附加到移动元素的Controller。我创建了一个简化的plunker来说明:http://plnkr.co/edit/sqBRM3ZQ5G9xpiNd1MXm?p=preview在这个plunker中,唯一要保留的数据是切换器状态,但实际上它可能是非常大量的数据,可能需要花费大量精力来初始化。我想要做的是能够将模板1从指令1移动到指令2,但我想保留切换器的状态。在这种情况下,如果单击切换器使其变为绿色,然后单击“从列表1移动到2”两次,它会将其移动到指令2,但会将颜色重置为红色。为了避免这种

javascript - 从另一个 Controller 内部更新模型

提交表单后,我正在尝试将新的数据行推送到表中。但是,名为UrlListCtrl的表与名为UrlFormCtrl.的表单不同functionUrlFormCtrl($scope,$timeout,UrlService){$scope.message='';vartoken='';$scope.submitUrl=function(formUrls){console.log('Submittingurl',formUrls);if(formUrls!==undefined){UrlService.addUrl(formUrls).then(function(response){$scope

javascript - 测试手动引导的 Angularjs 应用程序

在一些httpajax请求后在代码中手动引导应用程序时,我在测试angularjs应用程序(karma、jasmine)时遇到问题。angular.module("app",[]);angular.element(document).ready(function(){angular.bootstrap(document,["app"]);});我的jasmine规范中也有以下代码beforeEach(module('app'));当我运行我的规范时,我总是有同样的错误Error:[$injector:modulerr]FailedtoinstantiatemoduleappduetoE

javascript - 在 angularJS 中交换颜色的可逆函数

我有一个返回颜色数组的函数:default:function(){//Getourcoloursarrayvarcolours=[service.kits.kit.colour1,service.kits.kit.colour2,service.kits.kit.colour3];//Ifourthirdcolourisblankif(!colours[2]){//IsourfirstorsecondcolourwhitevarisWhite=colours[0]==='ffffff'||colours[1]==='ffffff';//Setourthridcolourcolours[