Questions tagged «angularjs»

用于有关开源JavaScript框架AngularJS（1.x）的问题。不要将此标签用于Angular 2或更高版本；而是使用[angular]标签。

8
如何使用量角器检查元素是否可见？
我正在尝试使用量角器测试元素是否可见。元素的外观如下： <i class="icon-spinner icon-spin ng-hide" ng-show="saving"></i> 在chrome控制台中时，我可以使用此jQuery选择器测试该元素是否可见： $('[ng-show=saving].icon-spin') [ <i class=​"icon-spinner icon-spin ng-hide" ng-show=​"saving">​</i>​ ] > $('[ng-show=saving].icon-spin:visible') [] 但是，当我尝试在量角器中执行相同操作时，在运行时出现此错误： InvalidElementStateError: invalid element state: Failed to execute 'querySelectorAll' on 'Document': '[ng-show=saving].icon-spin:visible' is not a valid selector. 为什么这无效？如何使用量角器检查可见性？
3
如何使用jqLit​​e通过类名选择元素？
我试图从我的Angular.js应用程序中删除jquery，以使其更轻巧，而改用Angular的jqLit​​e。但是该应用程序大量使用了jqLit​​e不支持的find（'＃id'）和find（'。classname'），仅使用了“标签名称”（根据文档） 想知道您认为改变它的最佳方法是什么。我考虑过的一种方法是创建自定义HTML标签。例如：更改 <span class="btn btn-large" id="add-to-bag">Add to bag</span> 至 <a2b style="display:none;"><span class="btn btn-large" >Add to bag</span></a2b> 和 $element.find('#add-to-bag') 至 $element.find('a2b') 有什么想法吗？其他想法？ 谢谢 骗子
5
angularjs中的foreach循环
我本来打算通过forEach loop在AngularJS。有几点我不了解。 迭代器函数的用途是什么？没有它，还有什么办法吗？ 如下所示，键和值的意义是什么？ angular.forEach($scope.data, function(value, key){}); PS：我试图在不带参数的情况下运行此函数，但它不起作用。 这是我的json： [ { "Name": "Thomas", "Password": "thomasTheKing" }, { "Name": "Linda", "Password": "lindatheQueen" } ] 我的JavaScript档案： var app = angular.module('testModule', []); app.controller('testController', function($scope, $http){ $http.get('Data/info.json').then( function(data){ $scope.data = data; } ); angular.forEach($scope.data, function(value, key){ if(value.Password == "thomasTheKing") console.log("username is thomas"); }); }); …
110 angularjs  foreach 
6
AngularJS-访问子范围
如果我有以下控制器： function parent($scope, service) { $scope.a = 'foo'; $scope.save = function() { service.save({ a: $scope.a, b: $scope.b }); } } function child($scope) { $scope.b = 'bar'; } parent读b出的正确方法是child什么？如果有必要定义b中parent，也不会使它语义上不正确假设b是描述相关的东西的属性child，而不是parent？ 更新：对此进行进一步的思考，如果有一个以上的孩子b，将会parent在b检索上产生冲突。我的问题是，什么是访问的正确方法是b从parent？
110 angularjs 
4
AngularJS if-then-else表达式中的构造
我可以在angularjs表达式中以某种方式使用if-then-else构造（三元运算符），例如，我有必须返回bool值的函数$ scope.isExists（item）。我想要这样的东西 <div ng-repeater="item in items"> <div>{{item.description}}</div> <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> </div> 我知道我可以使用返回字符串的函数，对于在表达式中使用if-then-else构造的可能性我很有趣。谢谢。
24
Angularjs：错误：[ng：areq]参数'HomeController'不是一个函数，未定义
这是我使用angularjs进行的演示，用于创建服务文件并将服务添加到控制器。 我的演示有两个问题： 一种是<script src="HomeController.js">在<script src="MyService.js">我收到此错误之前， 错误：[ng：areq]参数'HomeController'不是一个函数，未定义 另一种是，当我把<script src="MyService.js">之前<script src="HomeController.js">我碰到下面的错误， 错误：[$ injector：unpr]未知提供程序：MyServiceProvider <-MyService 我的来源： 档案Index.html： <!DOCTYPE html> <html > <head lang="en">…</head> <body ng-app="myApp"> … <div ng-controller="HomeController"> <div ng-repeat="item in hello">{{item.id + item.name}}</div> </div> <script src="Scripts/angular.js"></script> <script src="Scripts/angular-route.js"></script> <!-- App libs --> <script src="app/app.js"></script> <script src="app/services/MyService.js"></script> <script src="app/controllers/HomeController.js"></script> </body> </html> 档案HomeController.js： (function(angular){ …
5
为什么我们在AngularJS中使用$ rootScope。$ broadcast？
试图找到AngularJS的一些基本信息$rootScope.$broadcast，但是AngularJS文档并没有太大帮助。简单地说，我们为什么要使用它？ 另外，在约翰·帕帕（John Papa）的Hot Towel模板中，通用模块中有一个自定义函数$broadcast： function $broadcast() { return $rootScope.$broadcast.apply($rootScope, arguments); } 我不明白这是怎么回事。因此，这是几个基本问​​题： 1）怎么$rootScope.$broadcast办？ 2）$rootScope.$broadcast和之间有什么区别$rootScope.$broadcast.apply？
7
将$ scope注入角度服务函数（）
我有服务： angular.module('cfd') .service('StudentService', [ '$http', function ($http) { // get some data via the $http var path = 'data/people/students.json'; var students = $http.get(path).then(function (resp) { return resp.data; }); //save method create a new student if not already exists //else update the existing object this.save = function (student) { if (student.id …
3
$ http.get（…）。成功不是函数
我有此代码： app.controller('MainCtrl', function ($scope, $http){ $http.get('api/url-api') .success(function (data, status, headers, config){ } } 在我的本地环境中，工作正常，但在服务器中，返回此错误： TypeError：$ http.get（...）。成功不是函数 有任何想法吗？谢谢
9
AngularJS HTTP发布到PHP，并且未定义
我有一个带有标签的表格 ng-submit="login() 该函数在javascript中被称为罚款。 function LoginForm($scope, $http) { $http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; $scope.email = "fsdg@sdf.com"; $scope.password = "1234"; $scope.login = function() { data = { 'email' : $scope.email, 'password' : $scope.password }; $http.post('resources/curl.php', data) .success(function(data, status, headers, config) { console.log(status + ' - ' + data); }) .error(function(data, status, headers, config) …
19
计算AngularJS ng-repeat中重复元素的总和
以下脚本使用来显示购物车ng-repeat。对于数组中的每个元素，它都会显示项目名称，其数量和小计（product.price * product.quantity）。 计算重复元素总价的最简单方法是什么？ <table> <tr> <th>Product</th> <th>Quantity</th> <th>Price</th> </tr> <tr ng-repeat="product in cart.products"> <td>{{product.name}}</td> <td>{{product.quantity}}</td> <td>{{product.price * product.quantity}} €</td> </tr> <tr> <td></td> <td>Total :</td> <td></td> <!-- Here is the total value of my cart --> </tr> </table>
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.