1. IT宝库
  2. 编程技术问答
  3. angularjs
以下是关于 angularjs 的编程技术问答
Angular JS与Jquery的冲突
我正在使用Angular开发一个小部件. 我有一个index.html文件和script.js文件.从index.html我包括script.js文件. scripts.js文件正在检查Angular是否已加载.如果未加载角，则最新Angular.min.js(尝试的1.3.14版本)将动态附加到HEAD标签上.关于角载荷的成功，我创建了角模块，例如angular.module("widgetApp", []).这很好. 但是，如果我在script.js之前从index.html中包括了jQuery js(尝试 2个版本)，则它将从Angular Library中出现脚本错误. 这是我遇到的错误:Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.12/$injector/modulerr?p0=myWidgetApp&p1=Err…gleapis.com%2Fajax%2Fli
0 2023-12-03
编程技术问答社区
如何使用AngularJS来构建供公众使用的javascript小工具？
我正在尝试构建一个JavaScript小部件，该小部件将允许网站管理员剪切并粘贴几行代码以在其网站上显示一些功能和UI. 我已经看到了在jQuery中做这种事情的一个很好的例子，但不是角度.我假设小部件需要条件下载AngularJS JavaScript文件(基于是否已经加载它). 是否有人在Angular中有经验，并且可以建议您是否在Angular中或只是坚持使用jQuery? 例如. Foursquare的小部件代码: 保存到foursquare (function() { window.___fourSq = {"uid":"606"}; var s = document.createElement('script'); s.type = 'text/javascript'; s.src = 'http://platform.foursquare.com/js/widge
0 2023-12-03
编程技术问答社区
具有不同动态内容的小部件（angular-gridster）。
我正在尝试使用Angular-Gridster模块创建一个基于AngularJS的Web仪表板. gridster效果很好，我没有任何绑定内容的问题(例如文本或带有ng-bind-html的图像). 但实际上我不想在这些"小部件"中添加文本或图像，我正在尝试创建一个带有动态内容的仪表板.因此，作为用户，我想在仪表板上添加一个新的小部件并选择一种类型(例如时钟范围或其他内容)，然后可以配置小部件. 问题在于我不知道如何将动态内容(JavaScript，不同的HTML元素等)添加到小部件.小部件是用范围对象创建的，例如: $scope.standardItems = [ { name: "Item 1", content: "Text 1", sizeX: 2, sizeY: 1, row: 0, col: 0 }, { name: "Item 2", content: "Clock widget", sizeX: 2, sizeY: 2, row: 0,
0 2023-12-03
编程技术问答社区
AngularJS如何用SVG小部件绑定数据
我知道这通常不是使用AngularJS的方法，但是我想知道我想实现的目标是否可与AngularJS可行.如果这不是建议的方法，请提供有关如何实现这一目标的提示?请考虑我是Web编程领域的新手. 因此，在我的项目中，我使用svg&raphaeljs绘制位于"持有人" div中的画布上的几个小部件.我正在尝试使用AngularJS将这些小部件绑定到数据，基本上每个小部件都链接到定制程序中的对象.初始化小部件时，如何访问customController?
0 2023-12-03
编程技术问答社区
AngularJS-如何在指令渲染完成后查询DOM
我正在尝试使用AngularJS指令实现自定义滚动窗格组件.在以下这是我想法的模式: 这是指示代码: myApp.directive('lpScrollPane', function factory() { return { restrict: 'A', replace: true, transclude: true, template: ' ', compile: function (tElement, tAttrs) { var minHeight = 30; return function (scope, iE
0 2023-12-03
编程技术问答社区
将新行/n转换为Angular中的断行符
i有一个包含新的行字符/n的字符串.尝试显示 字符串.它不是将/n作为新行，而是将'/n'显示为文本. $scope.myOutput = " Hello /n" {{ myOutput | textFormat }} 必需 - >您好(在HTML页面上) 尝试: app.filter('textFormat', function() { return function(x) { return x.replace(/\\n/g, ' '); } 尝试了CSS样式，例如白色空间:pre; 解决方案 这不会替换它，但是您可以使用CSS属性white-space: pre-line;在浏览器中渲染\ n: https://developer.mozilla.mozilla.org/en-us/docs/web/css/white空间 在 div { white-space: pre-lin
0 2023-12-03
编程技术问答社区
在AngularJS中分享Whatsapp
很简单，它应该不起作用，因为此代码无法检测到AngularJS代码. Whatsapp 我需要一个指令吗?如果是，那是什么? 有Angularjs经验的人，请帮助. 解决方案 您需要在config阶段进行消毒锚href，这将允许使用whatsapp前缀的HREF. 代码 app.config(function($compileProvider){ //other configuration code here $compileProvider.aHrefSanitizationWhitelist(/^\s*(whatsapp):/); }) 看这个 有关详细信息. 其他解决方案 我使用$ CompileProvider.a
0 2023-12-03
编程技术问答社区
Webworker在回调后返回结果
我有一项角度服务，其中我正在使用$q与网络工作者结合使用的服务.在使用Webworker之前，在我的原始功能中，我的completeClass函数将返回对象. 我替换了代码，将消息发布到我的新Web Worker脚本中. Webworker的回调位于我的initWorkers函数中，我添加了EventListener. 我的目标是completeClass函数返回网络工作人员的结果.我该如何实现? this.classWorker = new Worker('app/shared/autocomplete/autocomplete-class-worker.js'); this.completeClass = function(text){ var self = this; var defer = $q.defer(); classWorker.postMessage([text, this.oldText, this.oldPropo
0 2023-12-03
编程技术问答社区
在使用Angular和Web Workers时，从范围中克隆元素出错
我有一个Angular应用程序，我正在尝试将一些功能实现到Web工作人员中.为了实现这一目标，我需要将对象从角范围传递到工人，以便它处理并产生结果. 我遇到以下错误: Error: Failed to execute 'postMessage' on 'Worker': An object could not be cloned. 呼叫worker.postMessage($scope.scopeObj); 为了将该对象发送给工人，我需要做一些特别的事情吗?它目前可与手动创建的模拟对象一起使用. 解决方案 事实发现我要发送的对象在内部有一个函数，并且作为此文档(https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm#Things_that_don%27t_work_with_structured_clones) indicates
0 2023-12-03
编程技术问答社区
网络工作者的单元测试代码
从 .org/en-us/docs/web/api/web_workers_api/basic_usage ，以下内容由Web Worker运行 // in worker.js onmessage = function(e) { console.log('Message received from main script'); var workerResult = 'Result: ' + (e.data[0] * e.data[1]); console.log('Posting message back to main script'); postMessage(workerResult); } 在Angular服务/工厂中由代码运行 var myWorker = new Worker("worker.js"); 我希望能够单位测试worker.js中的代码，理想情况下将其作为Angular Service/Factory的一部分(在Web Work
0 2023-12-03
编程技术问答社区
如何在AngularJS中使用Web Worker？
我正在使用 angularjs seed ，我想看到Web Worker的工作实现. 我想让一个简单的网络工作者工作以理解它，但是我遇到了功能的问题. 我在 services.js 中都有Web Worker代码. 'use strict'; /* Services */ var app = angular.module('myApp.services', []). app.factory("HelloWorldService",['$q',function($q){ var worker = new Worker('js/doWork.js'); var defer; worker.addEventListener('message', function(e) { console.log('Worker said: ', e.data); defer.resolve(e.data); }, false);
0 2023-12-03
编程技术问答社区
有可能在Web Worker中运行Angular吗？
我正在构建一个具有Angular的水疗应用程序，我想与Web Worker共享我的Angular Service" WebService".目的是共享一个" WebService"，以便我可以在后台(Web工作人员)和前端(Angular App)中使用相同的服务. 这是可行的吗? 其他信息: 此处的想法是用于在远程服务器上同步数据，因此您拥有使用"在线|离线"模式的主要应用程序，将数据保存到本地Web-Storage和|或|或远程服务器(使用"使用" WebService")和工人使用相同的服务透明地同步数据... 您能显示一些代码以在工人中运行应用程序吗? 谢谢您的反馈 解决方案 是的，这是可能的.有了一些网络工作者环境的攻击，您可以在Web Worker中运行Angular，并具有在前景和Worker Angular Apps中使用的模块.此答案获取并从 在主应用程序中，在工厂/服务中，您可以拥有 之类的东西 var worker = new $win
0 2023-12-03
编程技术问答社区
AngularJS和网络工作者
AngularJS如何使用网络工人在后台运行流程?我应该遵循任何模式吗? 当前，我正在使用一个在单独的Web工作人员中具有该模型的服务.此服务实现了: 之类的方法 ClientsFacade.calculateDebt(client1); //Just an example.. 在实施中，此方法通过数据向工作者发送消息.这使我可以抽象一个事实，即它是在单独的线程中执行的，我还可以提供一个对服务器进行查询甚至在同一线程中执行此操作的实现. 由于我是JavaScript的新手，我只是从其他平台中回收知识，所以我想知道这是您会做的，还是我使用的是Angular，它提供了一种做到这一点的方法.此外，这也引入了我的体系结构的更改，因为工人必须明确将更改推向控制器，然后将其更新其值，然后在视图中反映出来，我是否过度工程?网络工人"保护我"不允许我不允许我共享记忆等，这有点令人沮丧. . 解决方案 与网络工人的通信通过消息机制发生.拦截这些消息发生在回电中.在Angula
0 2023-12-03
编程技术问答社区
在Angularjs的特定URL上关闭窗口 angularjs
我是Angularjs的新手，所以这个问题似乎很愚蠢，但是我真的无法执行此问题，任何身体都可以告诉我，如何在访问特定URL之后从WebView回到App，就像我一样我正在打开浏览器中的窗口以进行付款过程，因此我需要的是，当WebView中的URL提出成功的消息时，我想关闭WebView并返回我的应用程序时，我窥视并找到了一种在$窗口中的方法. Open()我们传递了三个参数，第二个参数我可以做到这一点，但不知道该如何实施，任何人都可以为我提供处理. 我研究了链接: - 跟踪儿童窗口跨页负载 我也尝试了此功能: - if (!$window.closed){ if($window.location.href =="http://www.magentomobileshop.com/demo/index.php/payu/index/success") { $window.close() } } 谢谢
0 2023-12-03
编程技术问答社区
在android webview中使用angularjs时，如何禁用网络安全？
我正在创建一个Android应用程序，我想在其中使用AngularJS在我的WebView中显示HTML内容.它不正常工作.我只是意识到我应该禁用Web Security选项，因为它在Chrome中工作时可以使用.谁能告诉我怎么做? 解决方案 webView.getSettings().setAllowFileAccess(true); webView.getSettings().setAllowFileAccessFromFileURLs(true); webView.getSettings().setAllowUniversalAccessFromFileURLs(true); 这些行启用交叉来源的file请求://协议，但它需要至少16. 其他解决方案 这两条线对我有用... wv.getSettings().setAllowFileAccessFromFileURLs(true); wv.getSettings().setAllo
0 2023-12-03
编程技术问答社区
无法在Android上下载WebView中的Blob文件类型
我想从WebView下载文件，但是每次都会出现错误(只能下载http/https uris:blob:我在我的代码中使用此信息: ngOnInit() { let webview: WebView = this.webViewRef.nativeElement; if (isAndroid) { webview.on(WebView.loadStartedEvent, function () { webview.android.getSettings().setBuiltInZoomControls(false); webview.android.getSettings().setJavaScriptEnabled(true); webview.android.getSettings().setJavaScriptCanOpen
0 2023-12-03
编程技术问答社区
在Android WebView中加载Angular JS网站的问题
大家好，我要加载 gtv 移动浏览器非常好，但在WebView中不是. 这是我的代码. WebView theWebPage = new WebView(this); theWebPage.getSettings().setJavaScriptEnabled(true); theWebPage.getSettings().setPluginState(WebSettings.PluginState.ON); super.onCreate(savedInstanceState); getSupportActionBar().hide(); setContentView(theWebPage); WebViewClient client = new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView
0 2023-12-03
编程技术问答社区
ios9上的angular routing $rootScope:infdig错误
在iOS8中使用的Angular App中的路由，在iOS9中产生[$ Rootscope:Infdig]错误.我已经尝试了ngRoute和ui.router，但结果是相同的. Error: [$rootScope:infdig] http://errors.angularjs.org/1.4.3/$rootScope/infdig?p0=10&p1=%5B%5D 对此有任何解决方案? 解决方案 即使这被标记为此问题的重复.这是解决此问题的最佳方法. Ionic App ios ios iOS 9问题[ INFDIG] 10 $ imevest()迭代达到 本文中选定的答案将您引导到此插件，该插件将Angular修补所有iOS9问题. 此贴片适用于Angular 1.2.0 – 1.4.5和所有较新版本的Angular都将嵌入此修复程序. 其他解决方案 此答案来自聪明的编码器 on Angular问题12241 基于Angular V1.4.3.4.
0 2023-12-03
编程技术问答社区
如何在webstorm中创建一个简单的angular js项目
我已经安装了Webstorm并尝试创建一个简单的Angular JS程序. 我在WebStorm中创建了一个空项目，然后在Libs目录中添加了Angular.js文件.然后，当我尝试为Angular JS编写代码时，自动完成不起作用. 这是问题的屏幕截图. 请帮助我如何在Webstorm中创建Angular JS程序? 更新: 现在，我通过按照 Jetbrains Doc .还从我的项目中删除了我的项目中的Angular JS文件，该文件作为我的第一张图像的一部分. 即使那样，我也看不到自动完成工作.我已经验证了Angular JS插件在我的WebStorm中启用.请让我知道可能是什么问题? 更新: 我有针对Angular JS的插件已经在我的Webstorm中启用，请检查下面的图像: 解决方案 不是真正的答案(您保存了HTML，为什么不将JS代码放入外部文件中)...但是为什么不使用Yeoman使用Yeoman - http://
0 2023-12-03
编程技术问答社区
无法在Webstorm中调试protractor（它只是挂起）。
我有一个角度的项目，我已经写了一个量角测试，并且似乎无法调试WebStorm.当我单击Run以进行原型配置时，它会成功测试.但是，如果我尝试Debug按钮，我沿着以下路线的线路在变量窗口中得到一些东西. --! Connected to 127.0.0.1:52686 但是它只是挂在那里 - 没有进一步的处理，也没有启动浏览器窗口.我需要配置一些东西才能使此工作吗? 解决方案 这是一个持久的问题，现在应该修复: "修复程序是 - 应该下一个发布.大家，谢谢您的耐心配合." - @juliemr 来自 github问题#552 编辑:在0.20.0版本中发布！ (Windows用户0.20.1).请参阅 Protractor changelog . 其他解决方案 尝试观看此视频，让我知道它是否有效. http://www.youtube.com/watch?/p> 更新:这是19/20.1中的错误 尝试使用较旧版本直到解决.
0 2023-12-03
编程技术问答社区
热门专题
sqlserver 查询锁表 win32控制台图标 7-1 哈利·波特的考试 (19 分) ipad如何当win10第二屏幕 linux下dev^block符号 什么意思 C# 嵌入动态链接库 dll python怎么看列表里面的数据是否全相等 delphi 播发rtmp 查看服务器上的所有数据库的存 怎么把csv文件导入dbbrowser _EXCEPTION_RECORD 定位异常位置 dubbo框架设计图 d3d11 画立方体 OLEDB驱动程序大全 从mapper中查出来的数据为空 windows Mysqlbinlog查看 xaml textbox 换行事件 background 背景图如何设置位置 ios uitextview xib 高度