程序设计 angularjs

4

在我的Angular.js应用程序中，我正在运行一些异步操作。在开始之前，我先使用模式div覆盖应用程序，然后在操作完成后，无论操作是否成功，都需要删除div。目前我有这个： LoadingOverlay.start(); Auth.initialize().then(function() { LoadingOverlay.stop(); }, function() { LoadingOverlay.stop(); // Code needs to be duplicated here }) 它运作良好，但是我更喜欢这样的伪代码： LoadingOverlay.start(); Auth.initialize().finally(function() { // *pseudo-code* - some function that is always executed on both failure and success. LoadingOverlay.stop(); }) 我认为这是一个很普遍的问题，所以我想可以做到，但是在文档中找不到任何东西。知道是否可以做到吗？

83 javascript angularjs promise deferred finally

3

将服务注入angularJS中的另一个服务

是否可以在angularJS中将一个服务注入另一个服务？

83 angularjs angularjs-service

5

角种子实际上是空项目吗？

在说服了学习和使用Angular.js之后，我将启动一个具体的Web UI应用程序，以启动体验的学习轮。（该应用将是某种个人计划，待办事项，提醒，番茄技术等）。我看过的Angular作者看过的教程视频之一是关于最佳实践的。最佳实践之一是从angular-seed项目开始。那就是我要做的，但是经过一番谷歌搜索之后，已经有至少两个其他的项目声称是一个很好的起点： angular-enterprise-seed angular-sprout 我是新手，但我喜欢长期投资。我应该担心使用除之外的其他东西angular-seed吗？我觉得现在问自己这个问题还为时过早，但是如果已经有两个其他项目，也许有一些很好的理由。

82 angularjs

8

Angular.module缩小错误

有最紧迫的时间试图弄清楚为什么缩小不起作用。我已经通过数组对象在网络上根据大量建议在函数之前注入了我的提供者，但仍然是“未知提供者：aProvider <-a” 定期： var app = angular.module('bpwApp', ['ui.bootstrap', 'ui', 'myTabs']) .config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){ $routeProvider. when('/', {templateUrl: 'partials/home.jade', controller: HomeCtrl}); $locationProvider.html5Mode(true); }]) 缩小： var app = angular.module('bpwApp', ['ui.bootstrap', 'ui', 'myTabs']) .config(['$routeProvider', '$locationProvider', function(a, b){ a. when('/', {templateUrl: 'partials/home.jade', controller: HomeCtrl}); b.html5Mode(true); }]) 任何建议将是必须的！

82 javascript angularjs minify uglifyjs

8

如何测量AngularJS应用的摘要周期的性能？

测量angularjs摘要循环持续时间的简单方法是什么？有多种方法可以分析摘要循环的性能，但是每种方法都有其自己的pitfal： Chrome事件探查器：过多的细节，无法以一种易于发现的方式破坏摘要周期 Batarang（AngularJS浏览器插件）：开销太大，刷新速度慢，在大型应用程序中爆炸。 ...一定有更好的方法吗!! 1？

82 performance angularjs

3

如何显示/隐藏变量是否为空

我想基于变量是否为null显示/隐藏div。 <div ng-show="myvar"></div> 注意：在我的情况下，变量是一个对象。这是一个非常简单的问题，但我似乎无法使其正常工作。谢谢。

82 angularjs

8

Angular-ui-router：ui-sref-active和嵌套状态

我angular-ui-router在应用程序中使用和嵌套状态，并且我还有一个导航栏。导航栏是手写的，ui-sref-active用于突出显示当前状态。它是一个两级导航栏。现在，当我进入时，说Products / Categories我希望同时突出显示Products（在1级）和Categories（在2级）。但是，使用时ui-sref-active，如果我处于状态，Products.Categories则仅突出显示该状态，而不突出显示Products。有什么办法可以使Products该状态突出显示？

82 angularjs angular-ui-router

3

AngularJS的全局Ajax错误处理程序

当我的网站是100％jQuery时，我曾经这样做： $.ajaxSetup({ global: true, error: function(xhr, status, err) { if (xhr.status == 401) { window.location = "./index.html"; } } }); 为401错误设置全局处理程序。现在，我将angularjs与$resource和$http一起使用，以向服务器发送（REST）请求。有什么办法可以类似地用angular设置全局错误处理程序吗？

82 javascript ajax angularjs

5

动态分配ng模型

我正在尝试从对象数组生成一组复选框。我的目标是使复选框动态地将其ng模型映射到将要提交到数组中的新对象的属性。我的想法是 <li ng-repeat="item in items"> <label>{{item.name}}</label> <input type="checkbox" ng-model="newObject.{{item.name}}"> </li> 在此JSFiddle上可以看到，这不起作用： http://jsfiddle.net/GreenGeorge/NKjXB/2/ 有人可以帮忙吗？

82 javascript angularjs

2

在AngularJS中使用内联模板

我想加载一个内联视图模板。我将模板包装在类型为的脚本标签中text/ng-template，并将ID设置为temp1.html。这是我的模块配置 learningApp.config(function ($routeProvider) { $routeProvider .when("/first",{ controller: "SimpleController", templateUrl: "temp1.html"}) .when("/second", {controller: "SimpleController", templateUrl: "temp2.html"}) .otherwise({redirectTo : "/first"}); }); 它GET http://localhost:41685/temp1.html 404 (Not Found)在控制台窗口中告诉我，这意味着它正在寻找该名称的文件。我的问题是：如何配置路由以使用嵌入式模板？更新：这是我的服务器呈现的DOM的样子 <!DOCTYPE html> <html> <head> <script src="/Scripts/angular.js"></script> <link href="/Content/bootstrap.css" rel="stylesheet"/> </head> <body> <div class="container"> <h2>Getting Started with Angular</h2> <div class="row"> <div class="panel" ng-app="LearningApp"> <div …

82 javascript angularjs

12

如何在非angularjs网站上使用Protractor？

我发现了针对AngularJS Web应用程序制作的Protractor框架。如何在未使用AngularJS的网站上使用Protractor？我写了我的第一个测试，量角器触发此消息： Error: Angular could not be found on the page https://www.stratexapp.com/ : retries looking for angular exceeded

82 javascript asp.net angularjs testing protractor

4

为什么不能在具有独立作用域的指令模板中访问$ rootScope？

使用隔离范围，伪指令的模板似乎无法访问控制器（'Ctrl'）$ rootScope变量，但是该变量确实出现在伪指令的控制器中。我了解为什么控制器（'Ctrl'）$ scope变量在隔离范围中不可见。 HTML： <div ng-app="app"> <div ng-controller="Ctrl"> <my-template></my-template> </div> <script type="text/ng-template" id="my-template.html"> <label ng-click="test(blah)">Click</label> </script> </div> JavaScript： angular.module('app', []) .controller('Ctrl', function Ctrl1($scope, $rootScope) { $rootScope.blah = 'Hello'; $scope.yah = 'World' }) .directive('myTemplate', function() { return { restrict: 'E', templateUrl: 'my-template.html', scope: {}, controller: ["$scope", "$rootScope", function($scope, $rootScope) { console.log($rootScope.blah); …

81 javascript angularjs angularjs-directive

4

如何使用angularjs检查表单有效性？

我对angularjs很陌生。说我的应用程式有表格。使用检查器，我注意到，如果angularjs认为该表单无效，则会向该表单添加ng-invalid类。可爱。因此，似乎为了检查表单是否有效，我需要使用Jquery选择器来污染我的代码吗？不使用表单控制器来指示表单有效性的angularjs方法是什么？

81 angularjs

4

如何使用指令定义的“替换”？

在此文档中：http : //docs.angularjs.org/guide/directive，其中说到replace指令有一个配置： template-用HTML的内容替换当前元素。替换过程将所有属性/类从旧元素迁移到新元素。有关更多信息，请参见下面的“创建组件”部分。 JavaScript代码 app.directive('myd1', function(){ return { template: '<span>directive template1</span>', replace: true } }); app.directive('myd2', function(){ return { template: '<span>directive template2</span>', replace: false } }); HTML代码 <div myd1> original content should be replaced </div> <div myd2> original content should NOT be replaced </div> 但是最后一页看起来像： directive template1 directive template2 …

81 angularjs angularjs-directive

6

Angular ui路由器单元测试（指向网址的状态）

我在应用程序中测试路由器时遇到了一些麻烦，该应用程序基于Angular ui路由器构建。我要测试的是状态转换是否适当地更改了URL（稍后将进行更复杂的测试，但这是我开始的地方。）这是我的应用程序代码的相关部分： angular.module('scrapbooks') .config( function($stateProvider){ $stateProvider.state('splash', { url: "/splash/", templateUrl: "/app/splash/splash.tpl.html", controller: "SplashCtrl" }) }) 和测试代码： it("should change to the splash state", function(){ inject(function($state, $rootScope){ $rootScope.$apply(function(){ $state.go("splash"); }); expect($state.current.name).to.equal("splash"); }) }) 关于Stackoverflow的类似问题（以及官方ui路由器测试代码）表明，将$ state.go调用包装在$ apply中就足够了。但是我已经做到了，状态仍然没有更新。$ state.current.name保持为空。

81 javascript unit-testing angularjs angular-ui-router

Questions tagged «angularjs»