草庐IT

AngularJS2

全部标签

javascript - Angularjs:理解递归指令

我在这里找到了一个很棒的树指令。原文:http://jsfiddle.net/n8dPm/我一直在尝试通过其他几个SO问题来理解它的功能,1,2.我不太明白渲染树指令的递归调用是如何工作的。主要是编译函数什么时候调用所有编译函数?$compile函数何时缓存在变量compiledContents中(这是链接函数?),何时追加?为什么它不总是追加?--compile:function(tElement,tAttr){varcontents=tElement.contents().remove();varcompiledContents;returnfunction(scope,iElem

javascript - Angularjs 自定义过滤器和依赖注入(inject)

我是AngularJS的新手,我经常看到这种语法:functionsomeFunc(){returnfunction(input){return'hello'+input;}}上面的函数是我经常看到的一般语法,但这个自定义过滤器示例的问题是特定的:angular.module('bookFilters',[]).filter('newBookFilter',function(){returnfunction(input){return'TheBook:'+input.name+'isnew!';};});我知道用另一个函数包装函数让我有机会使用依赖注入(inject),这是我的问题:过

javascript - AngularJS - 充当单选按钮的 3 按钮组

使用Ionicframework,我正在尝试创建一组充当单选按钮的三个按钮:如果我点击早餐,我希望午餐和晚餐恢复正常(白色)状态,早餐变成蓝色。使用我当前的代码,我无法使用此功能,尽管我可以让按钮稍微随机地切换颜色(也许我只是不理解ng-class指令).这是我的HTML代码:BreakfastLunchDinner我的JS:$scope.active=function(meal){switch(meal){case'breakfast':$scope.$broadcast('slideBox.setSlide',0);$scope.isActiveB=$scope.isActiveB

javascript - AngularJS 判断元素是否存在

如何在Angular指令中检查我的DOM中是否已经存在具有特定ID的元素?通过使用angular.element(),如果元素不存在,则创建一个元素,例如angular.element('someID')将返回一个元素,无论该元素是否存在不是。作为解决方法,我现在正在做的是使用.html()jqLit​​e函数,如下所示:if(angular.element('#someElementID').html()){console.log('onlyfiresifelementalreadyexists');有更好的方法吗?为此,我想避免包含整个jQuery。 最

javascript - promise 被拒绝时 AngularJS 服务重试

我正在从我的Controller中的异步服务获取数据,如下所示:myApp.controller('myController',['$scope','AsyncService',function($scope,AsyncService){$scope.getData=function(query){returnAsyncService.query(query).then(function(response){//Gotsuccessresponse,returnpromisereturnresponse;},function(reason){//Goterror,queryagaini

javascript - ng-class 基于 ng-repeat 突出显示事件菜单项。 AngularJS

我有一个基于以下示例的菜单:{{item.title}}item是一个对象,包含菜单项信息。下面是指令和Controller的JavaScript代码:varapp=angular.module("coolApp",[]);functionmenuContrl($scope,$location){$scope.menu=menu;$scope.isActive=function(path){return($location.path()==path)}}问题是ng-class套class至active在页面呈现期间仅一次,但是当您单击菜单项时,没有任何反应。我想这是因为菜单本身没有重新

javascript - AngularJS:如何根据变量更改 ng-repeat limitTo?

我想根据变量在Angular.jsng-repeat上显示不同的limitTo数字。这是我的代码:......在Controller中:$scope.showNewCard=false;$scope.checkNewCard=function(search){if(search=="")$scope.showNewCard=false;else{$scope.showNewCard=true;}};我只能假设有一种更优雅的方法可以根据搜索输入更改limitTo,我只是不知道要查找什么。您可以在http://happinesshunt.co上看到这段代码的实现。.附言我是新来的,一般来说

javascript - 使用angularJS设置HTML5日期输入字段的默认值

我希望将我在瞬间生成的默认值绑定(bind)到日期和时间输入字段。我尝试了ng-model并将其直接绑定(bind)到值属性。但它们似乎都不起作用。有没有办法让它发挥作用?编辑:另外,如何绑定(bind)时间输入字段?{{date}}这是一个fiddle:http://jsfiddle.net/chrisyeung/bF9Pq/ 最佳答案 如果您使用的是chrome,则必须将日期格式指定为“yyyy-MM-dd”。$scope.date=$filter("date")(Date.now(),'yyyy-MM-dd');否则它根本行不

javascript - AngularJS 'scrollTop' 等效?

我希望在AngularJS指令中实现与此类似的东西:https://github.com/geniuscarrier/scrollToTop/blob/master/jquery.scrollToTop.js这非常简单,当您不在页面顶部时,它会淡入一个按钮以滚动到顶部:$(window).scroll(function(){if($(this).scrollTop()>100){$this.fadeIn();}else{$this.fadeOut();}});但是我很难找到如何在Angular中获取当前滚动位置。我宁愿不必只为这一件事情使用jQuery。 最

javascript - AngularJS 在路由更改之前确认

是否可以监听路由更改和onwindowunload来确认页面离开而不保存更改?用例:用户点击Back用户在浏览器中按下后退按钮用户输入不同的URL如果用户单击“取消”,则停止页面/路由更改。我见过几个不同的例子,但没有一个工作得很好。 最佳答案 演示:http://plnkr.co/edit/Aq8uYg在演示中,如果您更改输入的值,您将在尝试返回时被注意到。听取$locationChangeStart并使用event.preventDefault()在更改未确认时取消位置更改。此方法与$route.reload()相比有一个优点: