Angularjs 如何在angular.js中发送更复杂的对象?

本质上,我试图使用资源模块中的AngularJS从客户端发布一个对象数组,Angular没有发送JSON对象,而是通过线路发送一个无用的toString表示 不幸的是,fiddle中的代码本身并没有太大作用——虽然它仍然非常原始,看起来还不太像正确的方式),但至少从Chrome控制台来看,这似乎是一个角度问题,而不是grails Query String Parameters: callback:JSON_CALLBACK tests:%5Bobject+Object%5D,%5Bobject+

Angularjs 如果src不存在,则从dom中删除元素

我有一个带有ng src属性的img元素,如果models图像值存在,它将显示/隐藏,如下所示: <img ng-show="model.image" ng-src="img/{{model.image}}"/> 这很好用。但显然,当不存在图像值时,它仍然向服务器发出获取“…img/”的请求。我怎样才能阻止它提出这个请求?我想我需要有条件地从DOM中删除元素,并且应该将我的DOM操作放在一个指令中,但我不确定具体如何实现这一点。干杯。Angular 1.1.5引入了有条件地从D

Angularjs 可以访问角度表达式中的全局javascript变量吗?

有没有办法访问角度表达式中的全局JavaScript变量?例如: ng-disabled="{someJavascriptVariableHere}" 角度表达式将只查找$scope上的变量,但如果在控制器中执行类似操作: // assumes someJavascriptVariableHere exists in the global scope $scope.someJavascriptVariableHere = someJavascriptVariableHere; 然后您可以访问

Angularjs 角度及;Jasmine:如何在服务名称中插入点

我有一个这样定义的服务: angular.module("myApp") .factory("myService.foo", function () { // utterly delightful code }); 我用Karma和Jasmine来测试。在测试中,我的大多数服务器测试都是这样做的: describe('Service: someService', function () { // load the service's module beforeEach

Angularjs 子状态中的角度UI路由器嵌套状态解析

在我正在开发的angular应用程序中,我希望有一个抽象的父状态,它必须解决其所有子状态的某些依赖关系。具体地说,我希望所有需要经过身份验证的用户从某个authroot状态继承该依赖关系的状态 我遇到了这样的问题:父依赖关系不总是得到重新解决。理想情况下,我希望让父状态检查用户是否仍然自动登录任何子状态。它说,在未来 子状态将从父状态继承已解析的依赖项,它们可以覆盖这些依赖项 我发现只有当我从父级之外的状态输入任何子级状态时,父级依赖关系才会被重新解析,但如果在兄弟级状态之间移动,则不会被重新解

Angularjs 在angular.js中使用autocomplete

我正在开发一个应用程序,它使用自动完成。它应该类似于jQueryUIAutoComplete,所以如果用户开始键入,它会向他推荐一些选项。问题是,我有两种数据,我正在搜索。实际上,有“任务”和“项目” 每个任务都有一些参数:任务id、任务名称显示、任务名称搜索、项目id。每个项目都有:项目id、项目名称显示、项目名称搜索、客户id、客户名称 应用程序应该搜索所有这些参数,但应该只显示其中的一些参数。例如,如果数据为: task-id: 47 task-name-display: Task nam

AngularJS中的scope.$modelValue是什么?

我在这里读到: 至于知道ngModel的价值何时变化,我有两种方法 有人看见了。一种是覆盖ngModelController的$render 功能。另一种方法,在我的研究中,哪种方法更可靠 经验,就是使用范围。$手表加上一个功能,如所述 到上面。例如: 要求:“ngModel”,链接:功能链接(范围、元素、属性、, ngModelCtrl){scope.$watch(函数(){returnscope.$modelValue; },函数(值){ //使用更新的模型值执行某些操作…});} 我在我的

AngularJs element.height()不是函数

我正试图制定一个会影响元素宽度/高度的指令。通过查看示例,我发现可以通过引用适当的函数来获取/设置宽度/高度。例如,在指令的link函数中,我尝试执行以下操作: function link(scope, element, attr) { var height = element.height(); } 然而,在我的代码中,我得到了“错误:element.height不是一个函数” 我是否缺少了对angular.js模块/库的引用,或者文档不是最新的?如果您没有将jQuery angula

Angularjs 角群与滤波器

我正在尝试根据属性对集合进行分组,同时希望使用一个属性筛选集合 当我尝试以下方法时 <div data-ng-repeat="(group,parameter) in parameters | filter : { 'type' : '!GroupType' }| groupBy :'group'"> <fieldset> <legend>{{group}

Angularjs 使用$http对Angular指令进行单元测试

我有一个Angular指令,当附加到时,在用户输入后等待一秒钟,然后用$http查询端点。简而言之,它的目的是检查用户名的唯一性 看起来是这样的: .directive('sgValidUsername', ['$http', function(http) { var waitTimer; var checkIfUserExists = function(e, ctrl) { http.get('/publicapi/users/' + e.target.

关于如何准备AngularJS 2.0的具体建议?

我有一个AngularJS 1.3应用程序,我想最终会转移到AngularJS 2.0。我看过ng欧洲的视频,我知道有很多变化。由于我希望AngularJS 1.3代码在未来12年内继续发展,我想听听是否有人对准备2.0有任何具体建议 我的应用程序很简单,因为它不创建任何指令。特别是,我想听听关于如何创建控制器的技巧,以便为它们在2.0中变得非常不同做好准备。我是否应该删除控制器中对作用域的所有引用。我应该把一切都转移到服务业吗 我希望得到一些有用的建议,但当然也有一些具体的建议,这样这个问题就

Angularjs gulp jasmine窗口未定义错误

我使用gulp/gulpjasmine/angular来运行单元测试。但是,在运行Gulp目标时,我遇到以下错误: C:\Projects\website2>gulp test [01:53:10] Using gulpfile C:\Projects\website2\gulpfile.js [01:53:10] Starting 'test'... [01:53:11] Version: webpack 1.4.13 Asset Size Chunks

angularjs:无法从select中的列表理解调用方法

我是安格拉斯的新手。我试图从列表中调用一个方法,但不幸的是脚本失败了。看一看那砰砰的一声 当使用下面的代码这样的范围变量时,一切正常 Province:<select ng-model="portinForm.address.provinceCode" ng-options="province.code for province in ProvinceList"></select> 角度不支持这个!或者我在做什么事情 谢谢Angular将继续运行摘要,直到所有视图值稳定

在爱奥尼亚,angularjs中隐藏后退按钮

我需要在不同的页面/视图中显示和隐藏后退按钮。我的参考资料来自: 但这不起作用,因为控制器只调用一次,但在不同状态下的视图更改时不会调用。另外,从其他控制器(链接到不同状态)更改$scope.hideBackButton的值对按钮显示没有任何影响 有人能告诉我如何在每个导航上切换回按钮显示吗。我缺少什么?您可以更改缓存设置,以便在重新加载页面时再次调用控制器: 我今天也有同样的问题 最简单的解决方案是使用$ionicNavBarDelegate: .controller('AppCtrl', f

Angularjs ng显示未显示变量检查

这是我的控制器: capApp.controller('cookieCtrl', ['$scope','$cookies', function($scope, $cookies) { var cookieSet = $cookies.user_id; alert('coolkie is ' + cookieSet); // this is fine and shows the value }]); 还有我想展示的导航: <div id="siteNav2" ng-controll

Angularjs 在爱奥尼亚框架应用程序中,在浏览器中播放youtube视频,但不在android设备中播放

在一个简单的Ionic应用程序中,我必须播放youtube视频。它可以在浏览器中正常工作,但不能在实际的android设备上运行。 我引用了来自 我在ionic应用程序中使用以下代码 <ion-view view-title="{{navTitle}}"> <ion-content has-header="true" padding="true"> <div class="

Angularjs 量角器:PhantomJS中的Polyfill Function.prototype.bind。Can';我不能让它工作,这可能吗?

我花了一个下午的时间在这件事上,没有任何进展,我真的开始怀疑这是否可能 我使用带净空的Angular来处理向下滚动时菜单消失的问题。我的测试是用量角器完成的,使用PhantomJS,这就是乐趣的开始 PhantomJS不支持.bind(),Headloom在所有地方都使用它,这意味着我需要填充它。这应该没问题,但我不能让它工作 我认为我的问题是,无论我在哪里运行polyfill函数,PhantomJS和测试页面都已经加载,所以已经太晚了,由于.bind()不可用,Headwoom将无法加载 在加

Angularjs ngModel复选框未显示为选中状态

我在获取复选框以显示模型的正确状态(选中/未选中)时遇到一些问题。我的控制器中有以下各项: app.controller('PhotosCtrl', ['$scope', function($scope) { $scope.form = {}; $scope.editPhotos = { token: $scope.token, idArray: $scope.idArray }; }]); 我的表单如下所示: <form acce

Angularjs 当我将ngSanitize添加为依赖项时,应用程序中断

当我在Angular应用程序中添加ngSanitize时,系统停止工作 我这样称呼它: angular.module('routings', ['ngSanitize']).controller('RoutingsController', ['$scope', '$sce',... function($scope, $sce,... angular-sanitize已经在我的bower.json文件和我的索引中,所以我不知道这为什么不起作用 编辑: 以下是我如何调用我的JS文件: js: [

Angularjs 未加载控制器中的UI路由器子状态

我在为每个子状态加载控制器/模板时遇到问题。我在每个状态控制器中都有一个console.log,但它们不会启动。任何想法都将不胜感激 目的是始终为以下每个子状态加载艺术家 var stateConfig = ['$stateProvider', function($stateProvider) { // State Configurations $stateProvider .state('artist', { abstract: true, url: '/' + artistSlug,

Angularjs 设置window.location.hash与$state.go

我正在使用Angular和ui路由器。我试图重构一些代码,如下所示: window.location.hash = "order/" + vm.selectedRow.ID; { orderId: 2 } 为此: $state.go("^.order", {orderId: vm.selectedRow.ID} ) 更改为使用$state.go可以很好地处理导航到路由的问题,但是,它在URL更新之前就到达了。在关联控制器的构造函数中,我从当前url的末尾获取orderId,并在查询中使用它

Angularjs 在没有模型绑定的情况下响应角度中的下拉选择更改

我有一个下拉列表,应该会导致在更改时获取数据。我不需要对下拉列表中的模型进行双向绑定。我只是希望它最初填充一个部门列表,当用户选择一个时,它会得到该部门的用户列表 选择框如下所示: <select class="form-control" id="selDepartmentList" ng-model="departmentList" ng-change="getUsersInDepartment(document.getElementById("selDepartmentList").o

AngularJS$编译和外部指令ui codemirror

我试图使用外部模块,AngularUI codemirror,使用嵌套指令ui codemirror,在代码格式的块中显示封闭AngularJS指令的$element.html() 如果你想知道我为什么要这么做,看看 我可以很容易地从示例中看出如何使用静态文本来实现这一点。我可以传递封闭指令的innerHTML。它只是没有编译成uicodemirr指令 我明白了,可能需要使用$compile服务来实现这一点,但我无法使该示例适应这种情况 以下是AngularJS代码的一些示例: angular.

Angularjs 与onsen UI一起使用时,Videogular控制器不工作

我正在尝试使用onsenui()和Videogular()制作一个视频播放器应用程序。当我一起使用时,videogular的视频控制器不工作。下面是我的代码 <link rel="stylesheet" href="lib/onsen/css/onsenui.css"> <link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"> <link rel="stylesheet" href="

Angularjs 学习角状态和状态参数

我想看看这些东西是如何与state和stateparams一起工作的。遇到一个plunker()并开始修改它。在下面的代码中-$state.href(myStateName,myParams)}似乎不起作用。有人能解释一下吗 我的应用程序 ul{左填充:0;}li{列表样式:无;} 文件。写入(“”) 当前状态名称:{{$state.current.name} params {{$stateParams | json} 状态 {{$state.current | json} 附带的JS

Angularjs Ngpgrade-in-production应用程序/网站?

我们有一个应用程序/网站使用Angular 1.5。将所有内容转换为Angular 2需要时间,而这并不是我们目前工作的重点 我在想,新的组件/指令/服务可以在Angular 2中编写它们,以避免以后最终转换它们,并开始学习新的语法 但是用ngUpgrade装运包含角度1.5和2的东西真的是个好主意吗?内存占用应该会更大,但还有其他缺点吗 Pascal Precht的以下文章提到:请记住,这个[升级]阶段的目标是尽可能少地停留在这个阶段,因为在同一个网站上运行两个框架肯定不理想。但这并不能告诉我

解析angularjs或查询

我必须从我的数据排序中获取检查点,这些检查点由objectId跟踪并与其中一个指针匹配。我试过了 var checkpoint = Parse.Object.extend("Checkpoint"); var q1 = new Parse.Query(checkpoint); q1.equalTo("mission", { __type: "Pointer", className: "Mission",

Angularjs 角度谷歌地图地图控件更改位置

我使用的是角度谷歌地图,默认情况下,放大缩小选项出现在右下角,但我需要将该控件放置在左下角。它可以在谷歌地图api中完成,但我使用的是角度谷歌地图。并且在定位地图控件时遇到困难。如中所示,您可以通过选项属性将对象传递给指令: <ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options"></ui-gmap-google-map> #地图#画布{ 宽度:100%; 身高:100%

AngularJS API调用错误-未捕获语法错误:意外标记:

我到处寻找这个,因为很多人似乎都犯了这个错误。我知道为什么我会得到它,但我不知道如何修复它 我正在使用Zoopla属性API- 回调是jsonp=JSON_回调,它以jsonp格式返回API。但是由于Angular将JSON_回调更改为Angular.callbacks,因此遇到了错误。\u 0 然后API完全忽略回调函数名并返回JSON,因为它不喜欢点符号 有没有办法避免这个错误 你能发布你的相关代码吗;

在angularjs指令中将时间戳转换为日期

我是个新手,对指令没有太多想法。我需要创建一个指令,它将时间戳作为输入,并以小时:分钟:秒的格式(下拉)显示相同的内容。如果有人从屏幕上更改小时、分钟或秒的值,则时间戳也应更改。我可以转换时间戳并将其显示为小时、分钟和秒,但当用户从屏幕上更改值时,我无法恢复时间戳。您可以使用日期过滤器实现这一点: <input type="text" ng-model="dateInput"> {{dateInput | date : 'hh:mm:ss'}} {{dateInput}date:

Angularjs 如何在重新加载数据后刷新UI网格布局

我对Angular UI Grid()有问题。网格在用户单击按钮后出现的模式窗口中实现。 服务就是这样工作的:用户选择要准备的数据集并单击按钮。点击按钮后,网站向rest服务发送请求以接收数据。接收到数据后,显示带有表格的模式。列数取决于用户请求的数据 问题是,在用户更改列宽并使用此表关闭模式后,UI网格会“记住”用户留下的列宽。若用户将选择另一组我正在清理的数据GridOptions对象,并在收到数据后再次填充它。问题是行宽度保持在以前的状态。 到目前为止,我试过: 使用APIcore.re

Angularjs 与传单一起使用时,传单循环营销活动不起作用。加热

我正在使用我们的角度项目的用户界面传单。我们也有传单。热创建热图 问题是,每当数据更新时,圆标记上的事件就会停止工作 我面临的另一个小问题是热图不会更新,除非我使用超时。 我不知道我做错了什么,任何帮助都是感激的 我已经创建了一个示例jsfiddle 至于当热图打开时无法单击圆圈标记的原因,可能只是SVG元素堆叠的问题:热图在圆圈标记后绘制,覆盖整个地图,因此您无法再使用鼠标与标记交互 您只需隐藏并再次显示热图覆盖(甚至不需要更新)即可触发此问题。或使用@Jieter circlemarker.

Angularjs 单元测试组件角度

我正在尝试对我的组件控制器进行单元测试,我发现以下错误。谁能告诉我,这里怎么了 我的依赖项: 角度1.5.6 角度模拟1.5.7 摩卡咖啡2.5.3 业力0.13.22 错误: modalCleanup component "before all" hook: workFn FAILED Error: [$injector:unpr] Unknown provider: $elementProvider <- $element http://errors.angular

Angularjs 如何将现有angular应用程序移植到electron?

我是一个角度的初学者和一个完全的noob电子。我想知道是否可以使用webapp的大部分现有代码库将现有angular应用程序移植到electron 我在这上面找到了几个链接,但在谷歌上没有找到多少。大多数结果都是从angular和electron开始创建桌面应用程序-这是我的意图,但我想使用我现有的大部分代码库,理想情况下,只添加webpack和electron相关配置,从现有代码库编译electron应用程序,因为我不想维护同一代码库的两个版本 我可以使用这个桥来访问Electron API(

Angularjs 角度为什么不';t工作嵌套ng重复

我使用嵌套的ng repeat循环所有对象的值 <tr class="" ng-repeat="(position, values) in chartResult.realData track by $index"> <td> <div ng-click="select(position)" ng-class="{selected: position===selectedItem}"> &l

Angularjs 将firebase uid推到多个位置-Angularfire2-3

我有以下内容,它只是将一个名称和一个uid一起推送到数据库中。我想同时将该uid存储在另一个位置。我怎样才能做到这一点?我用的是爱奥尼亚3号,angularfire2号 addName() { let prompt = this.alertCtrl.create({ title: 'Name of user', message: "Enter a name for this new user", inputs: [

Angularjs 如何在linux终端上运行多个命令

我正在使用Ubuntu 16.04,在angularJs和node.js中进行项目工作,在那里我必须打开7个终端并在每个终端中键入npm start来运行项目 有什么简单的方法来运行这个项目吗 使用intelij或webstorm等高级ide可能会帮助您,甚至认为这不是您问题的答案我不知道为什么您需要7个终端用于angularJS和NodeJS项目,但可以选择以下选项来缓解痛苦: 使用tmuxforlinux,它基本上允许您将一个终端窗口拆分为多个窗口,这样您就可以管理在每个部分中运行不同的命令

Angularjs 在指令中访问$scope

我是angularJS的新手,所以需要一些输入。 我正在尝试访问其中一个目录中的$scope变量。我已在控制器中设置了$scope值。 下面是流程的层次结构。 Order.js定义了$scope变量 $scope.test = true; html调用另一个html <cra-violations-table violations="order.violations" on-assign-success="onAssignSuccess"

Angularjs 在cloud foundry上部署angular/ionic应用程序

我试图在CloudFoundry上推ionic PWA,因为CloudFoundry使用node.js buildpack,一开始我遇到了启动命令未找到的问题。为了解决这个问题,我在package.json中添加了:“start”:“爱奥尼亚应用程序脚本服务”。我还添加了manifest.yml文件,其中包含以下内容: 应用程序: name: CfTestApp memory: 256M command: ionic-app-scripts serve 在此之后,当我尝试命令“cf push

Angularjs 1.2.29版之后如何使用ng控制器?

我正在关注基于1.2版的AngularJs教程,我发现它在最新的1.7.2版上不起作用。 经过几次测试,我意识到它在1.3+版本上不起作用,但根据文档,我真的看不到使用ng controller时有什么不同 我的代码是: <div id="example" ng-controller="CommentsCtrl"> <div ng-repeat="comment in comments | filter:{content: query} | orderB

Angularjs“;ng repeat“;反复过滤,它过滤掉整个阵列

数组变量不断增加。无论何时添加新元素,都会触发过滤器。数组过滤所有元素。因为我重复的数组包含实时数据,所以添加了连续数据。这会导致性能损失。随着阵列大小的增加,过滤器开始出现故障 ng-repeat="data in col.columnData | filter:{body:col.UIFilter.match} | filter:repostQuery(col.UIFilter.repost)

如何使用angularjs制作动态(可变)内容?

我的第一个问题,我不知道用AngularJs在twig中创建一个动态模板。 我的项目的目的,然后制作一个页面编辑器应用程序。 因此,首先: -我得到一个JSON文件,其结构如下 -我开始处理JSON文件的内容,但我陷入了处理过程中。 我能要求一个好的解决方案吗? 非常感谢 /* Json file */ $scope.form={ 'content': [{ "name" : "text_right", "img" : "nope.jpg"