草庐IT

angularjs-ng-if

全部标签

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 - 当 ng-model 为 null 时,在 select 中设置默认值

我是Angular的新手,我正在尝试设置默认状态以在我的ng-model为null时进行选择。基本上,如果模型为空,我想将其设置为“无”。我尝试了以下代码,但它不起作用。NoneManualAuto 最佳答案 试试这个:NoneManualAuto也就是说,perthedocs,这可能是对ngInit的误用。执行此操作的正确方法是在Controller(或服务,如果它来自那里)中使用合理的值初始化您的模型。 关于javascript-当ng-model为null时,在select中设置默

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 - 在 if 语句中使用 undefined variable

此代码段导致JavaScript运行时错误:(foo未定义)if(foo){//...}我必须先定义foo,如下所示:varfoo=foo||null//orundefined,0,etc....只有这样我才能做:if(foo){//...}这是为什么呢?更新:这对我来说有点脑残:“当然你不能访问未分配的变量。”有趣的是,你可以对undefinedvariable执行typeof()。我要接受miccet的答案,因为我认为这是最优雅的解决方案。 最佳答案 我感觉到你在问,因为你知道javascript似乎在某些情况下(即没有运行时错

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 - 在 ES6 模板文字中插入 if 语句

我有一个简单的ajax请求返回一些数据,然后插入到模板文字中。我想知道是否可以在模板中插入“if”语句?如果json对象有第5种颜色,本质上是添加一行代码。$.ajax({url:'http://localhost:8888/ColourCatchr%202/app/search.php'}).done(function(results){varres=jQuery.parseJSON(results);console.log(res);$.each(res,function(index,result){$('.palettes').append(`${result.name}${re