Tag: angularjs

“未知提供者:aProvider < – a”我如何find原始提供者?

当我加载AngularJS应用程序的缩小版(通过UglifyJS)时,在控制台中出现以下错误: Unknown provider: aProvider <- a 现在,我意识到这是由于variables名称的改变。 unmangled版本工作得很好。 但是,我确实想要使用variables名称,因为它大大减less了我们的JS输出文件的大小。 出于这个原因,我们在构build过程中使用ngmin ,但似乎并没有解决这个问题,即使它在过去也很好。 所以,为了debugging这个问题,我在uglify grunt任务中启用了源映射。 它们生成得很好,而Chrome则从服务器加载映射。 然而,即使我觉得现在应该看到提供者的原始名称,我仍然得到了同样无益的错误信息。 我如何让Chrome使用源地图来告诉我哪个提供者是这里的问题,或者,如何以另一种方式找出提供者?

通过AngularJS中的JSON数组获取特定的JSON对象

我有一个JSON文件,其中包含我想在我的AngularJS网站上访问的一些数据。 现在我想要的只是从数组中获取一个对象。 所以我喜欢例如ID为1的项目。 数据如下所示: { "results": [ { "id": 1, "name": "Test" }, { "id": 2, "name": "Beispiel" }, { "id": 3, "name": "Sample" } ] } 我想要像这样加载AngularJS $ httpfunction的数据: $http.get("data/SampleData.json"); 这是工作。 但是我怎么能从$http.get获得的数组中获得一个特定的数据对象(通过id)? 在此先感谢您的帮助。 问候马克

AngularJS种子:将JavaScript放入单独的文件(app.js,controllers.js,directives.js,filters.js,services.js)

我正在使用angular种子模板来构build我的应用程序。 最初,我把所有的JavaScript代码放在一个文件main.js 。 这个文件包含了我的模块声明,控制器,指令,filter和服务。 这样的应用程序工作正常,但我担心可扩展性和可维护性,因为我的应用程序变得越来越复杂。 我注意到angular-seed模板对每个模板都有单独的文件,所以我试图将我的代码从单个main.js文件分发到这个问题的标题中提到的每个其他文件中,并在app/jsfindapp/js目录的angular种子模板。 我的问题是:如何pipe理依赖关系以使应用程序正常工作? 这里find的现有文档在这方面不是很清楚,因为每个给出的例子都显示了一个JavaScript源文件。 我所拥有的一个例子是: app.js angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.controllers']); controllers.js angular.module('myApp.controllers', []). controller('AppCtrl', [function ($scope, $http, $filter, MyService) { $scope.myService = MyService; // found in services.js // other functions… } ]); filters.js angular.module('myApp.filters', []). filter('myFilter', [function (MyService) { return function(value) { if (MyService.data) { // test to ensure service is […]

如何debuggingAngular JavaScript代码

我正在使用Angular JavaScript进行概念validation。 如何在不同浏览器(Firefox和Chrome)中debuggingAngular JavaScript代码?

在AngularJS中调用一个没有独立范围的指令的控制器函数

我似乎无法find一种方法来调用父指定范围内的function,而不使用隔离范围。 我知道,如果我使用隔离作用域,我可以在隔离中使用“&”来访问父作用域上的函数,但是在不需要时使用隔离作用域会产生后果。 考虑下面的HTML: <button ng-hide="hideButton()" confirm="Are you sure?" confirm-action="doIt()">Do It</button> 在这个简单的例子中,我想显示一个JavaScript确认对话框,只有在确认对话框中点击“OK”才能调用doIt()。 使用隔离范围很简单。 该指令看起来像这样: .directive('confirm', function () { return { restrict: 'A', scope: { confirm: '@', confirmAction: '&' }, link: function (scope, element, attrs) { element.bind('click', function (e) { if (confirm(scope.confirm)) { scope.confirmAction(); } }); } }; }) 但问题是,因为我使用的是独立作用域,所以上例中的ng-hide不再针对父作用域执行 ,而是在独立作用域中执行(因为在任何指令上使用隔离作用域都会导致该元素的所有指令使用隔离的范围)。 上面这个示例中的一个jsFiddle ,其中的ng-hide不起作用。 (请注意,在这个小提琴中,当您在input框中input“是”时,该button应该隐藏)。 另一种select是不使用隔离的范围 ,这实际上是我真正想要的,因为这个指令的范围不需要被隔离。 我唯一的问题是, […]

$ http get参数不起作用

有谁知道为什么这不起作用? $http .get('accept.php', { source: link, category_id: category }) .success(function (data, status) { $scope.info_show = data }); 这工作: $http .get('accept.php?source=' + link + '&category_id=' + category) .success(function (data, status) { $scope.info_show = data });

AngularJS:指令范围内=&@之间的差异?

在指令中创build一个隔离范围让我们将外部范围映射到内部范围 。 我们已经看到了六种不同的方式来映射到属性: =属性 &ATTR @attr = & @ 每个这些示波器映射选项都做什么?

如何处理AngularJS中的$资源服务错误

我正在向我的API发出请求,我正在使用AngularJS $资源模块。 它不同于$ http,所以我不知道如何处理我的错误。 我的服务: var appServices = angular.module('app.services', ['ngResource']); appServices.factory('Category', ['$resource', function($resource){ return $resource('/apicategoryerr/?format=:format', {}, { query: { method: 'GET', params: { format: 'json'}, isArray: true, } }); }]); 我的控制器: … Category.query(function(data) { console.log(data); }); … 我想这样或..我不知道如何处理错误,如果我的API不工作.. Category.query().success(function() { console.log('success'); }).error(function() { console.log('error'); });

如何使用范围和导航器function在Highcharts中创build列范围图表?

我有要求在Highcharts绘制任务的 运行历史logging 。 它需要将任务的运行历史logging显示为一个单杠。 以下是我添加的其他要求。 最近我发现StockChart不支持inverted选项,而StockChart中只有navigator和rangeSelector可用。 所以我正在使用这些function。 所以为了达到这个要求,我创build了一个类似于这个jsfiddle例子的东西(在浏览时find某个地方不记得源代码),并且在我之前的问题的帮助下结束了这个链接 ,感谢Pawel Fus 更新问题以避免混淆 其他要求: 仅显示在特定date和时间范围内 运行的 任务 。 如果运行次数过多,例如超过10次运行,那么需要有一种显示10个任务的方法,其中可以滚动显示其他任务的y轴。 闯入链接的问题 上述抢劫犯的问题解释。 如果您从上面的截图中查看截图,时间范围从2014年12月12日9时12/12/2014 09:32:26到2014年12月12日10时12/12/2014 09:32:26 12/12/2014 10:32:26 ,只有2个任务运行m_ARRAYV_SALES_ZIG1_CALL2_VOD__C_OB & m_ZIG2_HCP_MERGE_IB_CN 。 然而,我可以看到在这个date时间范围内甚至没有运行的LILLY_C之间的另一个任务。 (在实际的数据中有超过10个任务混乱这个图表甚至没有在这个date时间范围内) 另外如果你注意到从09:38到19:20最右下angular时间。 19:20是m_ZIG2_HCP_MERGE_IB_CN任务的结束时间。 以下是我的图表选项 var chart_options = { chart: { renderTo: 'container', height: 600 }, title: { }, credits: { enabled: false }, xAxis: { type: […]

Angular UI路由器中的$ state.transitionTo()和$ state.go()之间的区别

在AngularJS中,有时我们使用$state.transitionTo() ,有时我们使用$state.go() 。 谁能告诉我他们有什么不同,什么时候应该使用另一个?