Questions tagged «angularjs»

达到10个$ digest（）迭代。流产！ 有很多支持文本，例如“在最近5个迭代中触发了Watchers：”等，但是其中很多文本是来自各种功能的Javascript代码。有诊断这个问题的经验法则吗？是可以始终缓解的问题，还是应用程序足够复杂以至于只能将此问题视为警告？

91 angularjs 

我想用一些动态问题来填充表单（在此处提示）： <div ng-app ng-controller="QuestionController"> <ul ng-repeat="question in Questions"> <li> <div>{{question.Text}}</div> <select ng-model="Answers['{{question.Name}}']" ng-options="option for option in question.Options"> </select> </li> </ul> <a ng-click="ShowAnswers()">Submit</a> </div> ​ function QuestionController($scope) { $scope.Answers = {}; $scope.Questions = [ { "Text": "Gender?", "Name": "GenderQuestion", "Options": ["Male", "Female"]}, { "Text": "Favorite color?", "Name": "ColorQuestion", "Options": ["Red", "Blue", …

91 angularjs 

我有一个Promise。我创建它是为了取消AJAX请求（如果需要）。但是由于我不需要取消该AJAX，因此我从未解决过该问题，因此AJAX成功完成了。 简化的代码段： var defer = $q.defer(); $http({url: 'example.com/some/api', timeout: defer.promise}).success(function(data) { // do something }); // Never defer.resolve() because I don't need to cancel that ajax. What happens to this promise after request? 永远不会解决那样的承诺会导致内存泄漏吗？您对如何管理Promise生命周期有任何建议吗？

91 javascript  angularjs  memory-leaks  promise  angular-promise 

主要问题-可能吗？我没有运气尝试.. 主app.js ... var app = angular.module('myApp', ['services']); app.config(['customProvider', function (customProvider) { }]); ... 提供者本身 var services = angular.module('services', []); services.provider('custom', function ($http) { }); 而且我有这样的错误： Uncaught Error: Unknown provider: $http from services 有任何想法吗？ 谢谢！

90 javascript  angularjs  angular-services 

我正在尝试量角器以e2e测试Angular应用程序，但还没有弄清楚如何检测元素是否具有特定的类。 就我而言，测试单击了提交按钮，现在我想知道form [name =“ getoffer”]是否具有类.ngDirty。有什么解决方案？ describe('Contact form', function() { beforeEach(function(){ browser.get('http://localhost:9000'); element(by.linkText('Contact me')).click(); }); it('should fail form validation, all fields pristine', function() { element(by.css('.form[name="getoffer"] input[type="submit"]')).click(); expect(element(by.name('getoffer'))).toHaveClass('ngDirty'); // <-- This line }); });

90 angularjs  protractor 

AngularJS在其文档中明确指出“服务是单例”： AngularJS services are singletons 违反直觉，module.factory也返回Singleton实例。 鉴于非单例服务有很多用例，实现工厂方法以返回Service实例的最佳方法是什么，以便每次ExampleService声明依赖项时，它的另一个实例都可以满足ExampleService？

90 service  angularjs  singleton  instance  factory 

阅读AngularJS教程第9步后， 我创建了自己的AngularJS过滤器，该过滤器应将布尔数据转换为html。 这是我的过滤器代码： angular.module('phonecatFilters', []).filter('iconify', function () { // My custom filter return function (input) { return input ? '<i class="icon-ok"></i>' : '<i class="icon-remove"></i>'; } }); 这是我的HTML代码： <dt>Infrared</dt> <dd>{{phone.connectivity.infrared | iconify }}"></dd> 问题在于，borwser将返回值按字面显示为： <i class="icon-ok"></i> 而不是应显示的图标（或渲染的html）。 这是JSFiddle示例 我认为在此过程中会发生一些消毒。 是否可以关闭此特定过滤器的消毒功能？ 我也知道如何通过不从过滤器返回HTML输出，而是仅显示“确定”或“删除”文本来显示图标，然后替换为： <i class="icon-{{phone.connectivity.infrared | iconify}}"><i> 但这不是我想要的。

90 angularjs 

我有情节的要求运行历史一个的任务在Highcharts。它需要以水平条显示任务的运行历史记录。我在下面的更新中添加了其他要求。最近我发现，inverted在不支持的选项StockChart，只有导航和rangeSelector在StockChart可用。因此，我正在使用这些功能。 因此，为了达到要求，我创建了类似于此jsfiddle示例的内容（在浏览时发现某个地方，不记得源代码了），并在我之前的问题的帮助下，通过Pawel Fus的帮助，得到了这个punker链接 更新问题以避免混淆 其他要求： 显示只有那些任务，其运行在一个特定的日期和时间范围。如果运行太多，例如运行超过10次，则需要有一种方法可以显示只有10个任务，并且y轴可滚动显示其他任务。 问题的链接 上面的问题的问题解释。 如果您从plunker上方查看下面的屏幕截图，则时间范围是从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。但是我可以看到LILLY_C在此日期时间范围内甚至没有运行过的另一个任务。（在实际数据中，有超过10个任务使该图表混乱，甚至不属于该日期时间范围） 另外，如果您发现最右下角的时间从09:38更改为19:20。19:20是m_ZIG2_HCP_MERGE_IB_CN任务的结束时间。 以下是我的图表选项 var chart_options = { chart: { renderTo: 'container', height: 600 }, title: { }, credits: { enabled: false }, xAxis: { type: 'datetime', gridLineWidth: 1, tickInterval: 1 * 3600 * 1000, dateTimeLabelFormats: { month: '%b %e, %Y' …

90 javascript  angularjs  highcharts  highstock 

我正在尝试在我的应用程序中使用Bootstrap工具提示。我的应用程序正在使用AngularJS，目前，我有以下内容： <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button> 我想我需要使用 $("[data-toggle=tooltip]").tooltip(); 但是，我不确定。即使我在上面添加了一行，我的代码也无法正常工作。我试图避免使用UI引导程序，因为它具有超出我所需的功能。但是，如果我只需要包含工具提示，就可以接受。但是，我不知道该怎么做。 有人可以教我如何使AngularJS使用Bootstrap工具提示吗？

90 angularjs  twitter-bootstrap  twitter-bootstrap-tooltip 

谁能解释$ scope和$ rootScope之间的区别？ 我认为 $ scope： 通过使用此方法，我们可以从特定页面获取特定控制器中的ng-model属性。 $ rootScope 通过使用此方法，我们可以从任何页面的任何控制器中获取所有ng-model属性。 这样对吗？还是其他？

90 javascript  angularjs 

这是主模板的控制器： app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); 这是指令： app.directive('wdaWebsitesOverview', function() { return { restrict: 'E', scope: { heading: '=', websites: '=', editWebsite: '&' }, templateUrl: 'views/websites-overview.html' } }); 这是在主模板中应用指令的方式： <wda-websites-overview heading="'All websites'" websites="websites" edit-website="editWebsite(id)"></wda-websites-overview> …

90 javascript  angularjs  angularjs-directive  angularjs-scope 

我正在使用的应用程序包含各种状态（使用ui-router），其中某些状态要求您登录，而其他状态则公开可用。 我创建了一种方法，可以有效地检查用户是否已登录，当前遇到的问题实际上是在必要时重定向到我们的登录页面。应该注意的是，登录页面当前未放置在AngularJS应用程序中。 app.run(function ($rootScope, $location, $window) { $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) { if (toState.data.loginReq && !$rootScope.me.loggedIn) { var landingUrl = $window.location.host + "/login"; console.log(landingUrl); $window.open(landingUrl, "_self"); } }); }); console.log会正确显示预期的URL。之后的那一行，我几乎尝试了从$ window.open到window.location.href的所有操作，无论我尝试了什么，都不会发生重定向。 编辑（已解决）： 找到了问题。 var landingUrl = $window.location.host + "/login"; $window.open(landingUrl, "_self"); 变量LandingUrl设置为'domain.com/login'，它与$ window.location.href一起不起作用（这是我尝试过的事情之一）。但是将代码更改为 var landingUrl = "http://" …

90 javascript  angularjs  redirect  angular-ui-router 

我正在创建一个基于标签的页面，其中显示了一些数据。我在AngularJs中使用UI-Router来注册状态。 我的目标是在页面加载时打开一个默认选项卡。每个选项卡都有子选项卡，我想在更改选项卡时打开默认的子选项卡。 我正在使用onEnter函数进行测试，并且正在使用内部，$state.go('mainstate.substate');但是由于循环效应问题（在state.go上对其子状态调用它的父状态，依此类推，然后变成循环），它似乎无法正常工作。 $stateProvider .state('main', { url: '/main', templateUrl: 'main.html', onEnter: function($state) { $state.go('main.street'); } }) .state('main.street', { url: '/street', templateUrl: 'submenu.html', params: {tabName: 'street'} }) 在这里，我创建了一个plunker演示。 目前，一切正常，除了我没有打开默认选项卡，而这正是我所需要的。 感谢您的建议，意见和想法。

89 javascript  angularjs  tabs  angular-ui-router 

有没有办法向已经自举的角度模块注入后期依赖关系？这就是我的意思： 假设我有一个网站范围的角度应用程序，定义为： // in app.js var App = angular.module("App", []); 在每个页面中： <html ng-app="App"> 稍后，我将重新打开该应用程序以根据当前页面的需求添加逻辑： // in reports.js var App = angular.module("App") App.controller("ReportsController", ['$scope', function($scope) { // .. reports controller code }]) 现在，假设逻辑的那些点播位的是一个还需要自己的依赖关系（如ngTouch，ngAnimate，ngResource，等）。如何将它们附加到基本应用程序？这似乎不起作用： // in reports.js var App = angular.module("App", ['ui.event', 'ngResource']); // <-- raise error when App was already bootstrapped …

89 angularjs  dependency-injection  bootstrapping 

我是angular.js的新手，并且尝试向请求添加一些标头： var config = {headers: { 'Authorization': 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==', 'Accept': 'application/json;odata=verbose' } }; $http.get('https://www.example.com/ApplicationData.svc/Malls(1)/Retailers', config).success(successCallback).error(errorCallback); 我看了所有文档，在我看来这应该是正确的。 当我在中使用本地文件作为URL时$http.get，我在Chrome的“网络”标签上看到以下HTTP请求： GET /app/data/offers.json HTTP/1.1 Host: www.example.com Connection: keep-alive Cache-Control: max-age=0 If-None-Match: "0f0abc9026855b5938797878a03e6889" Authorization: Basic Y2hhZHN0b25lbWFuOkNoYW5nZV9tZQ== Accept: application/json;odata=verbose X-Requested-With: XMLHttpRequest If-Modified-Since: Sun, 24 Mar 2013 15:58:55 GMT User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.22 (KHTML, like …

89 javascript  angularjs  http-headers