Questions tagged «angularjs»

Q1。假设我想在按下主“删除”按钮之前更改用户标记为要删除的每个“项目”的外观。（这种立即的视觉反馈应该消除了众所周知的“您确定吗？”对话框的需要。）用户将选中复选框以指示应删除哪些项目。如果未选中此复选框，则该项目应恢复为正常外观。 应用或删除CSS样式的最佳方法是什么？ Q2。假设我想允许每个用户个性化展示我的网站。例如，从一组固定的字体大小中进行选择，允许用户定义前景色和背景色等。 应用用户选择/输入的CSS样式的最佳方法是什么？

309 css  angularjs 

使用Angular，Ember，React等框架构建SPA风格的应用程序时，人们认为什么是身份验证和会话管理的最佳实践？我可以考虑考虑解决该问题的几种方法。 假定API和UI具有相同的原始域，则对待它与使用常规Web应用程序进行身份验证没有区别。 这可能涉及到具有会话cookie，服务器端会话存储以及可能经过身份验证的Web UI可以访问以获取当前用户信息以帮助进行个性化甚至可能确定客户端角色/功能的某些会话API端点。服务器当然仍然会执行保护访问数据的规则，UI只会使用此信息来定制体验。 像使用公共API的任何第三方客户端一样对待它，并使用类似于OAuth的某种令牌系统进行身份验证。客户端UI将使用此令牌机制来验证对服务器API的每个请求。 我在这里并不是真正的专家，但是对于大多数情况来说，＃1似乎已经足够了，但是我真的很想听听一些更有经验的意见。

307 security  angularjs  authentication  ember.js  single-page-application 

如果我在引导程序中有导航栏 Home | About | Contact 当每个菜单项处于活动状态时，如何设置它们的活动类？也就是说，class="active"当角度路线位于 #/ 回家 #/about 关于页面 #/contact 用于联系页面

306 javascript  twitter-bootstrap  angularjs  angularjs-directive  navbar 

我想将AngularJS与Django一起使用，但是它们都{{ }}用作模板标记。有没有一种简单的方法可以将两者之一更改为使用其他自定义模板标签？

302 javascript  django  django-templates  angularjs 

如何知道我使用的是哪个版本的Angular？ 我努力了： angular --version angular --v angular -version angular -v 但是得到 -bash: angular: command not found 我知道yeoman --version我正在使用0.9.6 但是如何获得angularjs版本呢？

301 angularjs  angular 

在基于几个用户上下文渲染了整个页面并提出了几个$http请求之后，我希望用户能够切换上下文并再次重新渲染所有内容（重新发送所有$http请求等）。如果我只是将用户重定向到其他地方，则一切正常： $scope.on_impersonate_success = function(response) { //$window.location.reload(); // This cancels any current request $location.path('/'); // This works as expected, if path != current_path }; $scope.impersonate = function(username) { return auth.impersonate(username) .then($scope.on_impersonate_success, $scope.on_auth_failed); }; 如果使用$window.location.reload()，则正在等待响应的$http请求中的某些请求auth.impersonate(username)将被取消，因此无法使用它。此外，骇客$location.path($location.path())也无法运作（一无所获）。 还有另一种方法可以重新渲染页面，而无需再次手动发出所有请求吗？

299 javascript  angularjs  node.js  reload  rerender 

当要加载大量图像/脚本时，在IE中似乎主要是一个问题，可能会有很多时间{{stringExpression}}显示标记中的文字，然后一旦对它的编译/内插完成了角度操作，它们就会消失文件。 是否有常见的原因导致发生这种情况，这表明我做错了什么，还是有已知的方法来防止这种情况发生？

298 angularjs 

从文档开始，我们可以像这样调用过滤器，例如date： {{ myDateInScope | date: 'yyyy-MM-dd' }} date是一个带一个参数的过滤器。 从模板和JavaScript代码中调用带有更多参数的过滤器的语法是什么？

297 angularjs 

我有一个指令，这是代码： .directive('map', function() { return { restrict: 'E', replace: true, template: '<div></div>', link: function($scope, element, attrs) { var center = new google.maps.LatLng(50.1, 14.4); $scope.map_options = { zoom: 14, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP }; // create map var map = new google.maps.Map(document.getElementById(attrs.id), $scope.map_options); var dirService= new google.maps.DirectionsService(); var dirRenderer= new google.maps.DirectionsRenderer() …

297 angularjs  angularjs-directive 

这是我的HTML表单： <form name="myForm" ng-submit=""> <input ng-model='file' type="file"/> <input type="submit" value='Submit'/> </form> 我想从本地计算机上传图像，并想读取上传文件的内容。我想使用AngularJS进行的所有操作。 当我尝试打印时，$scope.file它的值是未定义的。

296 angularjs  angularjs-fileupload 

我需要能够基于作用域上的布尔变量向元素添加例如“ contenteditable”。 使用示例： <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> 如果$scope.editMode设置为，将导致contenteditable = true被添加到元素true。有一些简单的方法可以实现这种ng-class这样的属性行为吗？我正在考虑编写指令，如果没有，请共享。 编辑： 我可以看到我提议的attrs指令和ng-bind-attrs之间似乎有些相似之处，但是在1.0.0.rc3中将其删除了，为什么呢？

296 angularjs  angularjs-directive 

请在这里忍受我。我知道还有其他答案，例如： AngularJS：服务vs提供程序vs工厂 但是我仍然不知道您何时在工厂使用服务。 据我所知，工厂通常用于创建可被多个控制器调用的“通用”功能：创建通用控制器功能 Angular文档似乎更喜欢工厂而不是服务。他们甚至在使用工厂时也提到“服务”，这更加令人困惑！http://docs.angularjs.org/guide/dev_guide.services.creating_services 那么什么时候使用一项服务呢？ 有什么事情是只能通过服务完成的？ 幕后有什么不同吗？性能/内存差异？ 这是一个例子。除了声明方法外，它们看起来是相同的，我不知道为什么要对彼此进行比较。http://jsfiddle.net/uEpkE/ 更新：从托马斯的答案看来，这似乎暗示服务是针对使用私有方法的更简单逻辑而工厂是针对更复杂的逻辑，因此我更新了下面的小提琴代码，似乎两者都能够支持私有功能？ myApp.factory('fooFactory', function() { var fooVar; var addHi = function(foo){ fooVar = 'Hi '+foo; } return { setFoobar: function(foo){ addHi(foo); }, getFoobar:function(){ return fooVar; } }; }); myApp.service('fooService', function() { var fooVar; var addHi = function(foo){ fooVar = 'Hi '+foo;} this.setFoobar …

296 angularjs  angularjs-service  angularjs-factory 

我正在尝试创建一个指令，该指令将创建与创建指令的元素具有相同ng-model的输入字段。 到目前为止，这是我想到的： 的HTML <!doctype html> <html ng-app="plunker" > <head> <meta charset="utf-8"> <title>AngularJS Plunker</title> <link rel="stylesheet" href="style.css"> <script>document.write("<base href=\"" + document.location + "\" />");</script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script> <script src="app.js"></script> </head> <body ng-controller="MainCtrl"> This scope value <input ng-model="name"> <my-directive ng-model="name"></my-directive> </body> </html> 的JavaScript var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { …

294 angularjs  directive 

我一直在寻找如何执行此操作，但到目前为止我还没有找到任何相关的东西，:(我可以嵌套两个函数，但是我只是想知道这是否可行吗？我想从字面上做到这一点： <td><button class="btn" ng-click="edit($index) open()">Open me!</button></td> 目前我的JS代码： $scope.open = function () { $scope.shouldBeOpen = true; }; $scope.edit = function(index){ var content_1, content_2; content_1 = $scope.people[index].name; content_2 = $scope.people[index].age; console.log(content_1); }; 我想一键调用两个函数，如何在angularJS中做到这一点？我认为当您添加多个类时，它将像在CSS中一样简单...但是不是:(

293 javascript  angularjs 

我尝试查看他们文档的Mozilla JSON字符串化页面以及SO和Google上的内容，但没有找到解释。我已经使用JSOn字符串化很多次了，但从未遇到过这个结果 我有一个JSON对象数组 [ { "param_2": "Description 1", "param_0": "Name 1", "param_1": "VERSION 1" }, { "param_2": "Description 2", "param_0": "Name 2", "param_1": "VERSION 2" }, { "param_2": "Description 3", "param_0": "Name 3", "param_1": "VERSION 3" } ] 附加到我的$scope并且为了将POST它们作为一个参数，我使用了JSON.stringify（）方法，我得到了以下信息： [ { "param_2": "Description 1", "param_0": "Name 1", "param_1": "VERSION 1", …

288 javascript  jquery  json  angularjs