Tag: angularjs

重新打开并添加依赖到一个已经引导的应用程序: 有没有办法将后期dependency injection已经引导的angular度模块？这是我的意思：假设我有一个站点范围的angular应用，定义为： // 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 […]

为什么以及何时使用angular.copy？（深度复制）: 我一直保存从服务接收的所有数据直接到本地variables，控制器或范围。我认为会被认为是浅拷贝，这是正确的吗？ Example: DataService.callFunction() .then(function(response) { $scope.example = response.data; }); 最近我被告知要使用angular.copy来创build一个深层副本。 $scope.example = angular.copy(response.data); 但是，当我的Angular应用程序使用深度复制信息时，似乎也是以相同的方式工作的。使用深层拷贝（angular.copy）有什么特别的好处，你可以向我解释一下吗？

Angular中的非Singleton服务: Angular在文档中明确指出服务是单身人士： Angular services are singletons 反直觉地， module.factory也返回一个Singleton实例。鉴于非单身服务有很多用例，实现工厂方法返回服务实例的最好方法是什么，以便每次声明一个ExampleService依赖时，它都会被一个不同的实例ExampleService ？

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

如何增加Angular UI Bootstrap中的模态宽度？: 我正在创build一个模式： var modal = $modal.open({ templateUrl: "/partials/welcome", controller: "welcomeCtrl", backdrop: "static", scope: $scope, }); 有没有办法增加它的宽度？

如何通过对string数组进行过滤工作？: 这里是不工作的代码：演示： http : //jsfiddle.net/8dt94/63/ <div ng-controller="MyCtrl"> <input type="text" ng-model="searchText" /> <ul ng-repeat="strVal in arrVal|orderBy|filter:searchText" > <li>{{strVal}}</li> </ul> </div> var app=angular.module('myApp', []); app.controller('MyCtrl', function ($scope,$filter) { $scope.arrVal = ['one','two','three','four','five','six']; });

AngularJS：ngInclude vs指令: 我不太明白什么时候使用指令，什么时候使用nginclude更合适。以这个例子：我有一个部分， password-and-confirm-input-fields.html ，这是input和确认密码的HTML。我在注册页面和更改密码页面下使用这个。这两个页面都有一个控制器，部分html没有专用的控制器。我应该使用指令还是ngInclude呢？

angular度种子事实上是空的项目开始？: 在被确信学习和使用Angular.js之后，我将开始一个具体的Web UI应用程序，以启动体验的学习轮。（该应用程序将是一种个人计划，做清单，提醒，番茄工艺技术导向，等等…） Angular的作者所看到的其中一个教程video是关于最佳实践的。最好的做法之一是从angular-seed项目开始。这就是我要做的事情，但是经过一番search之后，至less有两个其他项目声称是一个好的起点： angular-enterprise-seed angular-sprout 我是初学者，但我喜欢长期投资。我应该担心使用angular-seed以外的东西吗？我现在问自己这个问题还为时过早，但如果已经有两个其他的项目，也许有一些很好的理由。

在angular.js上使用HTML5 pushstate: 我试图实现html5的pushstate而不是Angularjs使用的＃导航。我已经尝试search谷歌的答案，也尝试了没有运气，但angularirc聊天室。这是我的controllers.js ： function PhoneListCtrl($scope, $http) { $http.get('phones/phones.json').success(function(data) { $scope.phones = data; }); } function PhoneDetailCtrl($scope, $routeParams) { $scope.phoneId = $routeParams.phoneId; } function greetCntr($scope, $window) { $scope.greet = function() { $("#modal").slideDown(); } } app.js angular.module('phoneapp', []). config(['$routeProvider', function($routeProvider){ $routeProvider. when('/phones', { templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl }). when('/phones/:phoneId', { templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl }). otherwise({ […]

AngularJS ng-repeat没有html元素: 我目前正在使用这段代码来呈现一个列表： <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> 但是， <div>元素在某些浏览器上导致一些非常小的渲染缺陷。我想知道是否有一种方法可以在不使用div容器的情况下执行ng-repeat，或者使用其他方法来实现相同的效果。