Questions tagged «angularjs»

<div class="recent" ng-repeat="reader in (filteredItems = (book.reader | orderBy: 'created_at' | limitTo: 1))"> </div> 因此，该书来自rest api，并附有许多读者。我想获得“最近”的读者。 该created_at字段具有将用户标识为最近的值。但是上面的代码给了我最老的读者。因此顺序需要颠倒吗？有什么办法可以使降序排序？

139 angularjs  angularjs-filter 

我试图在AngularJS中创建一个自定义过滤器，该过滤器将通过特定属性的值过滤对象列表。在这种情况下，我想按“极性”属性（“正”，“中性”，“负”的可能值）进行过滤。 这是我没有过滤器的工作代码： HTML： <div class="total"> <h2 id="totalTitle"></h2> <div>{{tweets.length}}</div> <div id="totalPos">{{tweets.length|posFilter}}</div> <div id="totalNeut">{{tweets.length|neutFilter}}</div> <div id="totalNeg">{{tweets.length|negFilter}}</div> </div> 这是JSON格式的“ $ scope.tweets”数组： {{created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", profile_image_url: "profile pic"}, retweet_count: "retweet count", polarity: "Positive"}, {created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", …

139 javascript  angularjs 

我刚刚得到了我的指令，可以插入一个模板以附加到其元素，如下所示： # CoffeeScript .directive 'dashboardTable', -> controller: lineItemIndexCtrl templateUrl: "<%= asset_path('angular/templates/line_items/dashboard_rows.html') %>" (scope, element, attrs) -> element.parent('table#line_items').dataTable() console.log 'Just to make sure this is run' # HTML <table id="line_items"> <tbody dashboard-table> </tbody> </table> 我还使用了一个名为DataTables的jQuery插件。它的一般用法是这样的：$（'table＃some_id'）。dataTable（）。您可以将JSON数据传递到dataTable（）调用中以提供表数据，或者您可以将数据存储在页面上，其余的将由数据完成。 。 但是问题是我必须在准备好DOM之后在table＃line_items上调用dataTable（）。我上面的指令在将模板附加到指令的元素之前，先调用dataTable（）方法。有没有一种方法可以在追加之后调用函数？ 谢谢您的帮助！ 安迪回答后的更新1： 我想确保链接方法仅在页面上的所有内容之后都被调用，因此我更改了指令进行了一些测试： # CoffeeScript #angular.module(...) .directive 'dashboardTable', -> { link: (scope,element,attrs) -> console.log …

139 angularjs 

我正在使用Angular JS，我需要使用angular JS设置下拉列表控件的选定选项。如果这很荒谬，请原谅我，但我是Angular JS的新手 这是我的html的下拉列表控件 <select ng-required="item.id==8 && item.quantity > 0" name="posterVariants" ng-show="item.id==8" ng-model="item.selectedVariant" ng-change="calculateServicesSubTotal(item)" ng-options="v.name for v in variants | filter:{type:2}"> </select> 填充后，我得到 <select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)" ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants" ng-required="item.id==8 && item.quantity > 0" class="ng-pristine ng-valid ng-valid-required"> <option value="?" selected="selected"></option> <option value="0">set of …

139 angularjs  drop-down-menu  angular-ngmodel  selected 

我有一个叫的服务requestNotificationChannel： app.factory("requestNotificationChannel", function($rootScope) { var _DELETE_MESSAGE_ = "_DELETE_MESSAGE_"; function deleteMessage(id, index) { $rootScope.$broadcast(_DELETE_MESSAGE_, { id: id, index: index }); }; return { deleteMessage: deleteMessage }; }); 我正在尝试使用茉莉花对该服务进行单元测试： "use strict"; describe("Request Notification Channel", function() { var requestNotificationChannel, rootScope, scope; beforeEach(function(_requestNotificationChannel_) { module("messageAppModule"); inject(function($injector, _requestNotificationChannel_) { rootScope = $injector.get("$rootScope"); scope = rootScope.$new(); …

139 javascript  angularjs  unit-testing  asynchronous  jasmine 

我正在使用这种技术来加载数据。因此，我创建了以下解析函数： NoteController.resolve = { note: function($routeParams, Note) { return Note.get($routeParams.key); } } 存在的问题是，$routeParams.key是undefined在瞬间resolve函数执行。它是正确的/错误吗？我该如何解决？

138 angularjs 

我在控制器中使用类型类解析了一些数据，如下所示： { "data":{ "userList":[ { "id":1, "name":"soni" } ] }, "status":200, "config":{ "method":"POST", "transformRequest":[ null ], "transformResponse":[ null ], "url":"/home/main/module/userlist", "headers":{ "rt":"ajax", "Tenant":"Id:null", "Access-Handler":"Authorization:null", "Accept":"application/json, text/plain, */*" } }, "statusText":"OK" } 我试图像这样存储数据 var userData = _data; var newData = JSON.parse(userData).data.userList; 如何将用户列表提取到新变量？

138 javascript  angularjs  json 

我一直在将从服务接收的所有数据直接保存到局部变量，控制器或范围。我认为这将被视为浅表副本，对吗？ Example: DataService.callFunction() .then(function(response) { $scope.example = response.data; }); 最近，有人告诉我使用angular.copy来创建深层副本。 $scope.example = angular.copy(response.data); 但是，当我的Angular应用程序使用深层复制信息时，它们似乎以相同的方式工作。使用深层副本（angular.copy）有什么特别的好处，请您向我解释一下吗？

136 javascript  angularjs  deep-copy  shallow-copy 

我有一个属于每个小组的球员名单。如何使用过滤器列出每个组的用户？ [{name: 'Gene', team: 'team alpha'}, {name: 'George', team: 'team beta'}, {name: 'Steve', team: 'team gamma'}, {name: 'Paula', team: 'team beta'}, {name: 'Scruath of the 5th sector', team: 'team gamma'}]; 我正在寻找这个结果： 团队Alpha 基因 团队Beta 乔治 宝拉 团队伽玛 史蒂夫 第五部门的启示

136 javascript  filter  angularjs  grouping 

我的AngularJS应用程序需要有权访问用户的LinkedIn个人资料。为此，我需要将用户重定向到一个LinkedIn URL，该URL包含一个回调redirect_uri参数，该参数将告诉LinkedIn将用户重定向回我的Web应用程序，并在URL中包含一个“代码”查询参数。这是传统的Oauth 2.0流程。 一切工作正常，除了LinkedIn将用户重定向回以下URL： http://localhost:8080/?code=XXX&state=YYY#/users/123/providers/LinkedIn/social-sites 我想?code=XXX&state=YYY从URL中删除以便使其干净。用户不需要查看我从LinkedIn重定向接收到的查询参数。 我试过了$location.absUrl($location.path() + $location.hash()).replace()，但是它使查询参数保留在URL中。 我也无法使用提取查询参数，例如“ code” ($location.search()).code。好像有？在上述网址中的＃之前欺骗Angular。

135 angularjs 

更新： 为了帮助将来的读者，我创建了pluma's answer的此演示。 题： 我的目标似乎很简单。 step(1) .then(function() { return step(2); }, function() { stepError(1); return $q.reject(); }) .then(function() { }, function() { stepError(2); }); function step(n) { var deferred = $q.defer(); //fail on step 1 (n === 1) ? deferred.reject() : deferred.resolve(); return deferred.promise; } function stepError(n) { console.log(n); } …

135 javascript  angularjs  promise 

我想使用filterin角度，并希望过滤多个值，如果它具有值之一，则应该显示它。 我有这样的结构： movie具有属性的对象，genres我要过滤Action和Comedy。 我知道我可以做filter:({genres: 'Action'} || {genres: 'Comedy'})，但是如果我想动态过滤它该怎么办。例如filter: variableX 如何设置variableX的$scope，当我有我有过滤器类型的数组？ 我可以将其构造为字符串，然后执行一个操作，eval()但我不想使用eval（）...

135 javascript  angularjs  angularjs-ng-repeat 

<a ng-href="#" class="navbar-brand" title="home" data-translate>PORTAL_NAME</a> 我想重新加载页面。我怎样才能做到这一点？

135 angularjs  angularjs-scope 

除了呈现对象中属性的值之外，我还想将属性名称呈现为标签。有办法做到这一点ng-repeat吗？例如： <ul> <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> </ul> 可能会吐出这样的东西： <ul> <li>Name: John</li> <li>Phone: (123) 456-7890</li> <li>Country: England</li> </ul>

134 angularjs  angularjs-ng-repeat 

我有以下代码重复并显示用户名及其分数： <div ng-controller="AngularCtrl" ng-app> <div ng-repeat="user in users | orderBy:predicate:reverse | limitTo:10"> <div ng-init="user.score=user.id+1"> {{user.name}} and {{user.score}} </div> </div> </div> 以及相应的角度控制器。 function AngularCtrl($scope) { $scope.predicate = 'score'; $scope.reverse = true; $scope.users = [{id: 1, name: 'John'}, {id: 2, name: 'Ken'}, {id: 3, name: 'smith'}, {id: 4, name: 'kevin'}, {id: 5, …

134 angularjs  javascript-framework