Tag: angularjs
如何显示过滤后的重复数据的长度
我有一个包含许多对象（JSON格式）的数据数组。 以下内容可以作为这个数组的内容： var data = [ { "name": "Jim", "age" : 25 }, { "name": "Jerry", "age": 27 } ]; 现在，我将这些细节显示为： <div ng-repeat="person in data | filter: query"> </div 在这里，查询被建模为用户可以限制显示数据的输入字段。 现在，我有另一个位置显示当前显示的人数/ Showing {{data.length}} Persons ，即Showing {{data.length}} Persons 我想要做的是，当用户搜索一个人，并显示的数据基于查询过滤时， Showing…persons也改变当前Showing…persons的价值。 但是这并没有发生。 它始终显示数据中的总人数而不是过滤的数据 – 如何获得过滤的数据的数量？
AngularJS：如何看服务变量？
我有一个服务，说： factory('aService', ['$rootScope', '$resource', function ($rootScope, $resource) { var service = { foo: [] }; return service; }]); 我想用foo来控制在HTML中呈现的列表： <div ng-controller="FooCtrl"> <div ng-repeat="item in foo">{{ item }}</div> </div> 为了让控制器能够检测到aService.foo被更新的时间，我已经把这个模式拼凑在了一起，在这个模式里我添加一个服务到控制器的$scope ，然后使用$scope.$watch() ： function FooCtrl($scope, aService) { $scope.aService = aService; $scope.foo = aService.foo; $scope.$watch('aService.foo', function (newVal, oldVal, scope) { if(newVal) { scope.foo = newVal; } }); } […]
使用AngularJS的ng选项来处理select
我已经在其他文章中读过，但我无法弄清楚。 我有一个数组， $scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'}, ]; 我想把它渲染为： <select> <option value="000001">Chicago</option> <option value="000002">New York</option> <option value="000003">Washington</option> </select> 而且我想选择ID = 000002的选项。 我已阅读选择和尝试，但我无法弄清楚。
angularjs 1.6.0（最新现在）路线不工作
我期待在Stackoverflow上看到这个问题，但没有。 显然我是唯一有这个问题的人，在我看来是非常普遍的。 我有一个基本的项目，我正在努力，但路线似乎不工作，即使我迄今为止所做的一切似乎是正确的。 我在我的index.html文件中有这片html： <html> <head ng-app="myApp"> <title>New project</title> <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script> <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script> <script src="app.js"></script> </head> <body> <a href="#/add-quote">Add Quote</a> <div ng-view ></div> </body> </html> 这里是我的app.js ： var app = angular.module('myApp', ['ngRoute']); app.config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/add-quote', { templateUrl: 'views/add_quote.html', controller: 'QuoteCtrl' }) .otherwise({ redirectTo: '/' }); }]); 现在当我刚刚访问该网页时，以下是我在网址中获得的内容： HTTP：//本地主机：8000 /管理员＃/ 当我点击Add quote按钮，我得到这个： HTTP：//本地主机：8000 […]
如何过滤angularJS中的多个值（OR操作）
我想在角度中使用filter ，并希望过滤多个值，如果它具有任何一个值，那么它应该显示。 我有这样的结构： 一个有属性genres的对象movie ，我想过滤Action和Comedy 。 我知道我可以做filter:({genres: 'Action'} || {genres: 'Comedy'}) ，但如果我想动态地过滤，该怎么办。 例如filter: variableX 如何在$scope设置variableX ，当我有一个流派的数组，我必须过滤？ 我可以构造它作为一个字符串，然后做一个eval()但我不想使用eval（）…
在AngularJS中添加来自指令的指令
我试图建立一个指令，负责添加更多的指令 ，它宣布的元素。 例如，我想构建一个指令，负责添加datepicker ， datepicker-language和ng-required="true" 。 如果我尝试添加这些属性，然后使用$compile我显然会生成一个无限循环，所以我正在检查是否已经添加了所需的属性： angular.module('app') .directive('superDirective', function ($compile, $injector) { return { restrict: 'A', replace: true, link: function compile(scope, element, attrs) { if (element.attr('datepicker')) { // check return; } element.attr('datepicker', 'someValue'); element.attr('datepicker-language', 'en'); // some more $compile(element)(scope); } }; }); 当然，如果我不$compile元素，属性将被设置，但指令不会被引导。 这种方法是正确的还是我做错了？ 有没有更好的方法来实现相同的行为？ UDPATE ：鉴于$compile是实现这一目的的唯一方法，是否有办法跳过第一次编译传递（该元素可能包含多个子项）？ 也许通过设置terminal:true ？ 更新2 ：我已经尝试把指令放入一个select元素，并且如所期望的那样，编译运行两次，这意味着有两倍的预期option 。
如何在ui-router中使用ui-sref传递参数给控制器
我需要传递和接收两个参数到我想要使用ui-router的ui-sref传输的状态。 就像使用下面的链接，用foo和bar参数将状态转换到home ： <a ui-sref="home({foo: 'fooVal', bar: 'barVal'})">Go to home state with foo and bar parameters </a> 在控制器中接收foo和bar值： app.controller('SomeController', function($scope, $stateParam) { //.. var foo = $stateParam.foo; //getting fooVal var bar = $stateParam.bar; //getting barVal //.. }); 我在控制器中获取$stateParam undefined 。 有人能帮助我理解如何完成它吗？ 编辑： .state('home', { url: '/', views: { '': { templateUrl: 'home.html', controller: 'MainRootCtrl' }, […]
