Tag: angularjs

Angular UI Router:根据父parsing对象决定子状态模板

这是我的app.js文件 – 我有一个父状态和两个子状态。 这两个子视图都需要这个对象。 states.push({ name: 'parentstate', url: '/parent/:objId', abstract: true, templateUrl: 'views/parentview.html', controller: function() {}, resolve: { obj: function(OBJ, $stateParams) { return OBJ.get($stateParams.objId); } } }); 我想用这个parsing的obj来决定子模板 states.push({ name: 'parentstate.childs', url: '/edit', views: { "view1@parentstate": { templateUrl: 'views/view1', controller: 'view1Ctrl' }, "view2@parentstate": { templateUrl: function(obj) { if (obj.something == something) { return "views/view2first.html"; } […]

Angular / UI路由器 – 如何更新url而不刷新所有内容?

我是Angular和ui路由器的新手。 当有人select一个模型,我的控制器执行一个标准的SHOW方法时,我只是想更新URL来包含模型的ID,而不刷新页面,并继续我的原始视图。 我不知道该怎么做 $stateProvider .state('citylist', { url: "/", templateUrl: "views/index.html" }) .state('cityshow', { url: "/city/:id", templateUrl: "views/index.html" }) angular.module('app.system').controller('IndexController', ['$scope', 'Global', 'Cities', '$stateParams', '$location', function ($scope, Cities, $stateParams, $location) { $scope.loadTown = function(id) { Cities.get({id: id }, function(city) { $scope.city = city // Change URL // Do things within the same view… }); }; }); […]

AngularJS – 图像“onload”事件

我一直在寻找一个简单但不是微不足道的问题的答案:什么是正确的方式来捕捉图像'在Angular的onload事件只有jqLit​​e? 我发现这个问题 ,但我想要一些解决scheme的指令。 正如我所说,这不被我接受: .controller("MyCtrl", function($scope){ // … img.onload = function () { // … } 因为它在控制器中,而不是在指令中。

Angular UI路由器嵌套状态在子状态下parsing

在我正在处理的angular度应用程序中,我想要有一个抽象的父状态,它必须解决其所有子状态的某些依赖关系。 具体来说,我想要所有的状态需要一个经过身份validation的用户从一些authroot状态inheritance依赖。 我遇到的问题有父依赖不总是被重新解决。 理想情况下,我想让父状态检查用户是否仍然自动login到任何子状态。 在文档中 ,它说 子状态将从父状态inheritance已parsing的依赖关系,可以覆盖它们。 我发现如果从父类之外的状态input任何子状态,父类依赖关系只能被重新parsing,但是如果在父类之间移动,则不能。 在这个例子中,如果你在状态authroot.testA和authroot.testB之间移动,GetUser方法只被调用一次。 当你移动到other状态时,它会再次运行。 我能够将用户依赖关系放在每个子状态上,以确保每次进入这些状态时都会调用该方法,但是这似乎是失败了inheritance依赖关系的目的。 我不正确地理解文档吗? 有没有办法强制父母国家重新解决其依赖关系,即使当兄弟姐妹之间的状态改变? 的jsfiddle <!doctype html> <html> <head> <script src="../../../ajax/libs/angular.js/1.2.1/angular.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.0/angular-ui-router.min.js"></script> <script> (function(ng) { var app = ng.module("Test", ["ui.router"]); app.config(["$stateProvider", "$urlRouterProvider", function(sp, urp) { urp.otherwise("/testA"); sp.state("authroot", { abstract: true, url: "", template: "<div ui-view></div>", resolve: {User: ["UserService", function(UserService) { console.log("Resolving dependency…"); return UserService.GetUser(); }]} […]

如何在AngularJS中处理XML服务?

我的公司有成千上万个现有的XML Web服务,并开始为新项目采用AngularJs。 http://angularjs.org/上的教程仅使用json服务。 看起来他们在控制器中进行服务调用,parsing生成的JSON,并将生成的对象直接传递给视图。 我该如何处理XML? 我看到四个选项: parsing它并直接将DOM对象传递给UI(视图)。 把我的XML服务在服务器端的JSON包装。 将DOM对象转换为JSON,并在客户端使用某个库,并在发出post / put请求时将其转换回来。 在客户端手动将DOM对象转换为JavaScript对象。 什么是正确的方法,为什么?

angularjs:只允许将数字input到文本框中

在angularjs中有任何可用的function,只允许将数字input到文本框中

Angular – 不能让ng-repeat orderBy工作

我已经尝试了许多与orderBy ng-repeat的例子,但我不能让我的JSON工作。 <div ng-app> <script type="text/javascript" src="http://code.angularjs.org/1.0.1/angular-1.0.1.js"></script> <div ng:controller="Main"> <div ng-repeat="release in releases| orderBy:'environment_id'"> {{release.environment_id}} </div> </div> </div> 和JSON function Main($scope) { $scope.releases = { "tvl-c-wbap001 + tvl-webapp": { "timestamp": " 05:05:53 PM ", "environment_id": "CERT5", "release_header": "Projects/Dev", "date": "19 Oct", "release": "12.11.91-1" }, "tvl-c-wbap401 + tvl-webapp": { "timestamp": " 10:07:25 AM ", "environment_id": "CERT4", […]

使用AngularJS在新窗口中打开链接

有没有办法告诉AngularJS,当用户点击链接时,我想要在新窗口中打开链接? 用jQuery我会这样做: jQuery("a.openInNewWindow").click( function() { window.open(this.href); return false; }) 有没有与AngularJS的等价物?

如何使用AngularJS下载文件并调用MVC API?

我正在使用AngularJS,我有一个MVC 4 API,返回一个附件的HttpResponseMessage。 var result = new MemoryStream(pdfStream, 0, pdfStream.Length) { Position = 0 }; var response = new HttpResponseMessage { StatusCode = HttpStatusCode.OK, Content = new StreamContent(result) }; response.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment") { FileName = "MyPdf.pdf" }; response.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream"); return response; 我正在使用一个称为fileDownload …的jQuery插件,它精美地下载了文件…但是我还没有find以“Angular”的方式来做这件事的方法…任何帮助将不胜感激。 // _e

永远不会解决的承诺导致内存泄漏?

我有一个承诺。 我创build它来取消一个AJAX请求,如果我需要的话。 但是因为我不需要取消那个AJAX,所以我从来没有解决它,AJAX成功完成。 简化的sinippet: 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? 永远不会解决这样的承诺导致内存泄漏? 你有关于如何pipe理承诺生命周期的build议吗?