Questions tagged «angularjs»

我正在尝试在请求繁忙时在按钮上显示或隐藏加载指示器。我通过在加载请求或加载完成后更改$ scope.loading变量来实现此目的。 $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ $timeout(function() { $scope.loading = false; }, 0); }); }; 在前端： <button ng-disabled="loading" class="button button-outline button-positive" type="submit"> Log in <span ng-if="loading" class="ion-refreshing"></span> </button> 这可以正常工作，但是加载图标（离子刷新）显示约2秒钟，而$ scope变量立即更新。我尝试了$ scope。$ apply，但这似乎不是问题所在，作用域可以在请求后立即更新。只是图标没有足够快地响应。 感谢您帮助我理解这一点！

87 angularjs  angularjs-directive  ionic-framework 

我来自使用ASP.NET MVC / Web API，现在我开始使用Angular，但不清楚混合它们的正确方法。 一旦我使用Angular，MVC服务器端概念是否仍然具有任何价值？还是应该严格使用Web API来纯粹获取角度HTTP调用的数据？ 对于将ASP.NET MVC转换为Angular的人员，任何提示都将有所帮助

87 asp.net-mvc  angularjs  asp.net-mvc-4 

在Angular 1.x中，有时我需要发出多个http请求并对所有响应进行处理。我将所有的承诺都放在一个数组中并调用Promise.all(promises).then(function (results) {...})。 Angular 2最佳实践似乎指向使用RxJSObservable代替http请求中的Promise 。如果我从http请求创建了两个或多个不同的Observable，那么是否有等效于的Promise.all()？

87 javascript  angularjs  rxjs  observable 

我正在尝试从另一个（angularjs）调用一个应用程序（spring-boot应用程序）上的REST端点。这些应用程序正在以下主机和端口上运行。 REST应用程序，使用Spring Boot， http://localhost:8080 HTML应用程序，使用angularjs， http://localhost:50029 我还使用spring-security了spring-boot应用程序。我可以从HTML应用程序向REST应用程序进行身份验证，但是此后，我仍然无法访问任何REST端点。例如，我有一个定义如下的angularjs服务。 adminServices.factory('AdminService', ['$resource', '$http', 'conf', function($resource, $http, conf) { var s = {}; s.isAdminLoggedIn = function(data) { return $http({ method: 'GET', url: 'http://localhost:8080/api/admin/isloggedin', withCredentials: true, headers: { 'X-Requested-With': 'XMLHttpRequest' } }); }; s.login = function(username, password) { var u = 'username=' + encodeURI(username); var …

87 angularjs  rest  spring-mvc  spring-boot  cors 

我正在尝试将换行符（\n）转换为html br。 根据Google网上论坛的讨论，这是我得到的： myApp.filter('newlines', function () { return function(text) { return text.replace(/\n/g, '<br/>'); } }); 那里的讨论还建议在视图中使用以下内容： {{ dataFromModel | newline | html }} 这似乎正在使用旧的html过滤器，而现在我们应该使用ng-bind-html属性。 无论如何，这带来了一个问题：我不希望原始字符串（dataFromModel）中的任何HTML都呈现为HTML；只有br的。 例如，给定以下字符串： 虽然7> 5，但 我仍然不想要html和其他东西在这里... 我希望它输出： While 7 > 5<br>I still don't want html & stuff in here... 有什么办法可以做到这一点？

86 javascript  html  angularjs  sanitization 

我在我的项目http://angular-ui.github.io/bootstrap/#/modal中使用Angular UI $ modal 我不希望用户通过在背景上按下来关闭模式。我希望只能通过按我创建的关闭按钮来关闭模态。 如何防止模式关闭？

86 angularjs  angular-ui  angularjs-service 

我正在尝试使用以下方法重定向到另一条路线： $location.path("/route"); 但是由于某种原因，它不起作用。我使用jQuery-UI做了一个自动完成的小部件，一旦用户选择了一个选项，我就从作用域中调用了一个函数。我调试了它，然后它进入了函数，但是它从未重定向到其他路由。当我按下一个键时，它只会改变路线。 我认为这很奇怪，但是我还没有弄清楚如何解决这个问题。我用了 window.location = "#/route"; 它可以工作，但我想使用该path()功能。 有人知道为什么会这样吗？

86 angularjs  redirect  location 

我曾尝试在所有地方搜索它，甚至在Angular.org文档中也找不到，但是在实现中找不到任何详细的解释。如果有什么可以解释的话，那将是非常有帮助的。

86 javascript  angularjs 

我需要检查表单在控制器中是否有效。 视图： <form novalidate="" name="createBusinessForm" ng-submit="setBusinessInformation()" class="css-form"> <!-- fields --> </form> 在我的控制器中： .controller( 'BusinessCtrl', function ($scope, $http, $location, Business, BusinessService, UserService, Photo) { if ($scope.createBusinessForm.$valid) { $scope.informationStatus = true; } ... 我收到此错误： TypeError: Cannot read property '$valid' of undefined

86 angularjs 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 6年前关闭。 改善这个问题 我目前正在评估用于在公司中创建未来Web应用程序的编程模型。因此，我将在ASP.NET MVC 5（带有Razor Views）和带有ASP.NET WebAPI的AngularJS之间做出选择。这两种编程模型的优缺点是什么？

86 asp.net  asp.net-mvc  angularjs 

如何使用NG-重复类似的Javascript中？ 例： <div ng-repeat="4">Text</div> 我想用ng-repeat重复4次，但是我该怎么做呢？

86 javascript  angularjs 

谁能告诉我如何将一个指令中的控制器包含在另一个angularJS指令中。例如我有以下代码 var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId', { controller: 'ProductController', templateUrl: '/js/partials/product.html' }); }]); app.directive('mainCtrl', function () { return { controller: function ($scope) {} }; }); app.directive('addProduct', function () { return { restrict: 'C', …

86 javascript  angularjs  angularjs-directive 

我正在尝试学习AngularJS。我第一次尝试每秒钟获取新数据的工作： 'use strict'; function dataCtrl($scope, $http, $timeout) { $scope.data = []; (function tick() { $http.get('api/changingData').success(function (data) { $scope.data = data; $timeout(tick, 1000); }); })(); }; 当我通过使线程休眠5秒钟来模拟慢速服务器时，它会等待响应，然后再更新UI和设置另一个超时。问题是当我重写以上内容以使用Angular模块和DI进行模块创建时： 'use strict'; angular.module('datacat', ['dataServices']); angular.module('dataServices', ['ngResource']). factory('Data', function ($resource) { return $resource('api/changingData', {}, { query: { method: 'GET', params: {}, isArray: true } }); …

86 javascript  angularjs 

有没有办法在控制器中获取当前使用的语言（不带$translateProvider）？ 在$translate服务中找不到任何内容。

86 angularjs  angular-translate 

我正在尝试ng-click使用自定义angularjs指令在上设置确认对话框： app.directive('ngConfirmClick', [ function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; element.bind('click',function (event) { if ( window.confirm(msg) ) { scope.$eval(clickAction) } }); } }; }]) 这很好用，但不幸的是，未评估使用我的指令的标记内的表达式： <button ng-click="sayHi()" ng-confirm-click="Would you like to say …

85 javascript  angularjs  angularjs-directive  angularjs-scope