Tag: angularjs

元素不可见错误（无法点击元素）: 我想点击一个单选button，出现在网页上。代码如下： HTML代码： <div class="small-checkbox red-theme raleway-regular text-muted2 position-relative"> <div class="city-checkbox inline-block position-relative" ng-class="{'rounded-checkbox': main.current_city_id == 1, 'mb-20': main.ifDeviceIsPhone}"> <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect mh-20" for="mumbaiCity" ng-class="{'is-checked' : main.current_city_id == 1}"> <input type="radio" id="mumbaiCity" class="mdl-radio__button position-relative vertical-middle" name="city" value="1" ng-click="main.setCity('Mumbai', 1)"> <span class="mdl-radio__label position-relative font15"><img class="city-icon" src="../../../assets/img/cities/mumbai-icon.png">Mumbai</span> </label> </div> </div> Tesstcase： // demo-test.js describe('Protractor Demo App', […]

量angular器中的browser.ignoreSynchronization是什么？: 我曾多次看到人们build议使用的地方： browser.ignoreSynchronization=true; // or false 但我不明白为什么我们需要它？

AngularJS中的循环依赖和OOP问题: AngularJS + OOP是一个性感的function使用嗨，我成功地使用OOP与AngularJs已经有一段时间了（首先与行动中的OOPinheritanceangularjs开始），提供的方法允许您定义您的类为angular度服务，您可以稍后扩展或inheritance像这样： Application.factory('AbstractObject', [function () { var AbstractObject = Class.extend({ virtualMethod: function() { alert("Hello world"); }, abstractMethod: function() { // You may omit abstract definitions, but they make your interface more readable throw new Error("Pure abstract call"); } }); return AbstractObject; // You return class definition instead of it's instance }]); Application.factory('DerivedObject', ['AbstractObject', […]

错误：达到10次$ digest（）迭代。中止！ dynamicsorting谓词: 我有下面的代码重复并显示用户的名字和他的分数： <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> 和相应的angular度控制器。 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, name: 'bob'}, {id: 6, name: […]

使用AngularJS和ng-repeat初始化select: 我正在尝试使用AngularJS 1.1.5中的ng-repeat来预先填充选项。相反，select始终没有select任何东西。它也有一个空的选项，我不想要。我认为没有任何select的副作用。我可以使用ng-options来代替ng-repeat，但是我想在这种情况下使用ng-repeat。虽然我缩小的例子没有显示，但我也想设置每个选项的title属性，而且据我所知，无法使用ng-options来完成。我不认为这与共同的AngularJs范围/原型inheritance问题有关。在巴塔朗考察时，至less我没有看到任何明显的迹象。另外，当你用UIselect一个选项时，模型会正确更新。这是HTML： <body ng-app ng-controller="AppCtrl"> <div> Operator is: {{filterCondition.operator}} </div> <select ng-model="filterCondition.operator"> <option ng-repeat="operator in operators" value="{{operator.value}}" > {{operator.displayName}} </option> </select> </body> 而JavaScript： function AppCtrl($scope) { $scope.filterCondition={ operator: 'eq' } $scope.operators = [ {value: 'eq', displayName: 'equals'}, {value: 'neq', displayName: 'not equal'} ] } JS小提琴为此： http […]

如何使用$ state.go发送和检索参数toParams和$ stateParams？: 我使用ui-router v0.2.0使用AngularJS v1.2.0-rc.2。我想将引用状态传递给另一个状态，所以我使用$state.go像这样： $state.go('toState', {referer: $state.current.name}); 根据文档，这应该填充toState控制器上的$stateParams ，但它是undefined 。我错过了什么？我创造了一个庞然大物来演示： http://plnkr.co/edit/ywEcG1

如何在dom完成渲染后运行指令？: 我看到一个看似简单的问题（通过阅读Angular JS文档）解决scheme。我有一个Angular JS指令，它根据其他DOM元素的高度进行一些计算，以定义DOM中容器的高度。在这个指令里面有类似的东西： return function(scope, element, attrs) { $('.main').height( $('.site-header').height() – $('.site-footer').height() ); } 问题是当指令运行时， $('site-header')找不到，返回一个空数组，而不是我需要的jQuery包装的DOM元素。是否有一个callback，我可以在我的指令中使用，只有在加载DOM后运行，我可以通过正常的jQueryselect器样式查询访问其他DOM元素？

AngularJS浏览器通过使用指令自动填充变通办法: 当在AngularJS中提交表单并使用浏览器记住密码function时，并且在随后的login尝试中，您允许浏览器使用用户名和密码填写login表单， $scope模型不会基于自动填充进行更改。唯一的肮脏的黑客我发现是使用以下指令： app.directive("xsInputSync", ["$timeout" , function($timeout) { return { restrict : "A", require: "?ngModel", link : function(scope, element, attrs, ngModel) { $timeout(function() { if (ngModel.$viewValue && ngModel.$viewValue !== element.val()) { scope.apply(function() { ngModel.$setViewValue(element.val()); }); } console.log(scope); console.log(ngModel.$name); console.log(scope[ngModel.$name]); }, 3000); } }; }]); 问题是， ngModel.$setViewValue(element.val()); 不会更改模型，也不会根据element.val()返回值来查看视图。我怎么能做到这一点？

ng-app与data-ng-app有什么区别？: 我目前正在为angular.js 开始教程video 在某个时刻（12'40“之后），发言者声明ng-app和data-ng-app=""在<html>标签内部或多或less是等价的， ng-model="my_data_binding和data-ng-model="my_data_binding" 。但是，发言者说，html将通过不同的validation器validation，这取决于使用哪个属性。你能解释两种方法之间的区别， ng-前缀与data-ng-前缀吗？

在input元素中使用angularjsfilter: 我希望我没有遗漏任何明显的东西，如果我有我相信有人会帮助。我正在使用asp.net webapi返回一个DTO，带有date字段。这些序列化使用JSON.Net（格式为“2013-03-11T12：37：38.693”）。我想使用一个filter，但在一个INPUT元素，这是可能的，或者我应该创build一个新的filter或指令来完成这个？ // this just displays the text value <input ui-datetime type="text" data-ng-model="entity.date" /> // this doesn't work at all <input ui-datetime type="text" data-ng-model="{{entity.date|date:'dd/MM/yyyy HH:mm:ss a'}}" /> // this works fine {{entity.date|date:'dd/MM/yyyy HH:mm:ss a'}} 有什么捷径我错过了吗？