草庐IT

angularjs-module

全部标签

javascript - 如何在 AngularJS 中追踪 $watch 模型更新的来源?

在我的多用户AngularJS应用程序中,我的范围内有一个模型对象。该模型可以通过用户输入和服务器更新进行操作。我有一个$watch观察器来跟踪模型和更新UI。是否可以从我的$watch函数中确定我的模型更新的来源/原因?如果没有该检查,我就会遇到反馈循环问题(例如UI→服务器→UI)。更新:一些代码Controller:$scope.elementProperties={left:0};$scope.$watch('elementProperties.left',function(newVal,oldVal){changeSelectedElementProperty('left',

javascript - 如何将整个 angularjs 应用程序嵌入到单独部署的现有应用程序中

我有一个逻辑类似于谷歌的应用程序切换器的应用程序,让我称之为Wrapper。此应用程序适用于所有谷歌服务,并且到处都有一致的用户界面。我正在寻找解决方案,以将几个完成的不同应用程序注入(inject)我的Wrapper应用程序,它们具有自己的样式、View和JS。它们是用React和Angular等不同技术编写的。我怎样才能实现这样的架构?Web组件是解决此问题的方法吗?如果是,请提供一些示例。(目的是单独部署包装器和所有内容应用程序,因此它们将具有与包装器一致的UI和逻辑)。请不要提及iframe! 最佳答案 我们已经完成了名为U

javascript - 将 AngularJS 1.4.7 注入(inject) IE crossrider 扩展

我正在使用Crossrider框架为浏览器开发一个扩展。我正在使用线路appAPI.resources.includeJS('js/angular.min.js');将angular.js注入(inject)到扩展中。这在Chrome上运行良好,但在IE11上出现错误----JSExceptionfrom:IEteststaging----Error:ObjectexpectedSource:MicrosoftJScriptruntimeerrorLocation:resourcesLine:131我环顾四周,发现了一些答案,这些答案表明jQuery可能缺失,或者代码本身可能有尾随逗号

javascript - AngularJS 指令 - 将 ngModel 与 jQuery 小部件一起使用时的最佳实践

这是我的问题。例如,我们有以下指令,它在幕后使用了一些jQuery小部件:module.directive('myWidget',[function(){return{require:"ngModel",restrict:"A",replace:true,templateUrl:"templates/myWidget.html",link:function(scope,element,attrs,ctrl){element.widget_name().on('value_updated',function(event){scope.$apply(function(){varnewMod

javascript - AngularJS 路由参数

我不明白为什么,但是当我对box和box.color进行console.log()时,它告诉我它未定义...我尝试了很多不同的方法来解决这个问题,但都失败了。Cloud9Plunker这是script.js:varapp=angular.module('LoginApp',["firebase","ngRoute","ngCookies"])app.provider("box",function(){varhex="SomeColor";varUID=3;return{setColor:function(value){UID=value},$get:function(){return{

javascript - 如何使用照片引用在 angularjs 中获取谷歌地点照片

这是示例json:{"html_attributions":[],"results":[{"geometry":{"location":{"lat":-33.86755700000001,"lng":151.201527},"viewport":{"northeast":{"lat":-33.86752310000001,"lng":151.2020721},"southwest":{"lat":-33.8675683,"lng":151.2013453}}},"icon":"https://maps.gstatic.com/mapfiles/place_api/icons/gener

javascript - Jest es6 模块 : unexpected module import

我正在尝试测试一个需要像这样导入es6模块的文件:https://repl.it/HG9t/0看来我缺少一些使其正常工作的配置。如果您可以使用另一个单元测试框架轻松实现这一点,我也很感兴趣。预先感谢您的帮助。 最佳答案 安装所需的依赖项:yarnadd--devbabel-jest@babel/core@babel/preset-env或npminstall--save-devbabel-jest@babel/core@babel/preset-env在您的主文件夹中创建babel.config.js并将其粘贴到那里://babel

javascript - 使用 Web API 和 AngularJS 保存表单数据(选择列表)

我有一个显示人员数据并提供更新人员信息并将更改保存到我的数据库的功能的表单。见下表:绑定(bind)到文本框的字段我没有更新问题。但是,当涉及到HTML选择列表(下拉列表)时,我无法保存新选择的值。注意我可以更改任意数量的文本框,然后更改选择列表中的选择,表单的其余部分将正确保存,只是不更改选择列表,所以它似乎没有在任何地方失败。我没有收到任何错误;但是,我在PUT之前看到一个额外的OPTIONS请求,我不确定(所以任何关于为什么会这样的额外提示也将不胜感激)。这是我的表格:BasicPersonnelInformationLastNameLastnameisrequired.Last

vue-cli安装后vue -V报错:C:\Users\admin\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js

运行vue-V一直报错,网上常识各种办法无效。包括:卸载:npmuninstall-g@vue/cli和npmuninstall-gvue-cli重新安装:npminstall-gvue-cli和npminstall-g@vue/cli清理缓存:npmcacheclean--force更新:npmupdate关机重启N次然而依旧:然并卵…依然报错:C:\Users\admin\AppData\Roaming\npm\node_modules@vue\cli\bin\vue.js(看控制台报错信息,有些人不是:admin角色)解决办法:进入文件夹,输入地址:C:\Users\admin\AppD

javascript - 如何使用 AngularJs 构建一个小部件以嵌入第三方网站?

我想创建一个angularjs小部件,它可以用最少的代码嵌入第三方网站,例如或类似的。我找到了一些资源,例如这篇关于使用jquery开发小部件的文章http://alexmarandon.com/articles/web_widget_jquery/.如何使用Angularjs完成?有什么聪明的方法可以利用诸如指令/View等Angular特征来达到这个目的?如果有的话,陷阱是什么?请提出您的想法/建议/意见/经验。 最佳答案 您还应该记住,第3方网站也可能使用angular,并且可能是不同的版本。检查Multipleversion