草庐IT

ng-hide-remove

全部标签

javascript - 如何创建一个指令,根据条件在目标元素上添加 ng-class 和 ng-disabled?

我有以下代码:app.directive"ngDisableOnVar",($compile)->restrict:"A"terminal:truepriority:1000replace:falsescope:{}compile:compile=(element,attrs)->cattr=attrs["ngDisableOnVar"]element.attr("ng-class","{'disabled':!#{cattr}}")element.attr("ng-disabled","!#{cattr}")element.removeAttr("ng-disable-on-var"

javascript - 我想使用 ng-if 跳过 ng-repeat 中的项目

我正在尝试在ng-repeat中使用ng-if来实现Accordion。根据条件值,ng-repeat应该跳过ng-repeat中的一些项目。例如如果item.condition为真,则只有它应该显示Accordion。下面的代码是我目前所拥有的,但无法正常工作。看起来对吗?{{item.label}} 最佳答案 你的ng-if包含双引号,应该是ng-if="item.condition==true",同时删除,来自Accordion元素您也可以将您的条件最小化为ng-if="item.condition"那么表达式将返回true和

javascript - AngularJS 在 ng-repeat 的当前迭代中定位元素

我确信这个问题已经以一种或另一种形式回答了无数次,但是我不确定要搜索什么才能找到解决方案。假设我们有一个简单的ng-repeat:GetTextBoxValue在javaScript文件中:function$scope.getTxtBoxVal(val){alert(val)}基本上我想知道应该在whatDoIPassInHere中传递什么参数,在jquery中类似于:$(this).siblings(input).val()我有一个解决方法,就是给每个文本框一个唯一的ID:>并用唯一ID定位它,但我相信有更优雅的方式来处理这个问题 最佳答案

javascript - ng-选项 : how to put empty option at the end?

目前,我有这样的东西(简化版):Someoneelse这会创建一个下拉菜单,其中包含用于人名的选项和顶部用于“其他人”的空选项。问题是,如何在下拉列表的底部获得空选项?我非常想继续使用ng-options为此,特别是因为控制默认选项的位置似乎是一个太小的变化,无法证明稍微冗长的是合理的。方式。谢谢! 最佳答案 使用value=""的选项喜欢:Someoneelse如果你想在点击下拉列表时在底部显示其他人,你可以使用。{{person.name}}Someoneelse 关于javascr

javascript - 如何为选择列表的自定义指令实现 ng-change?

我的指令使用代码我的指令代码.directive('inputSelect',function(){return{templateUrl:'someTemplate.html',restrict:'E',scope:{ngModel:'=',ngChange:'='}};});我的指令模板因此,当所选项目发生变化时,函数someFunction()被无限次调用(尽管更改只完成一次),应该更改什么以确保someFunction()只调用一次(someFunction()是Controller范围内的一个函数,在该Controller中使用指令)[我确实尝试使用&和@作为ngChange的

javascript - 根 Angular 2 组件中的 ng-content

页面显示基本标记、安慰消息和加载指示器。......pagelayoutandloadingstuff...根组件是@Component({selector:'body[app]',template:``})App{}演示该问题的plunker是here.SPA初始化后,它应该引导body元素并编译组件,同时保存现有的基本布局。但是,根组件会忽略ng-content。这导致两个选项。初始布局应仅在引导后转储和显示。或者它应该在根组件模板和HTML文档中复制(可能使用服务器端模板)。它们看起来都不够好。body包含敏感标记,不能将其包装到子组件中以克服此限制。我打算使用AngularUn

javascript - 如何与 ng-switch 中的全局变量进行比较

我正在使用AngularJS$rootScope对象来公开一些需要Controller和View都可以访问的全局常量:varapp=angular.module('myApp',[]);app.run(function($rootScope){$rootScope.myConstant=2;});当我尝试在View中呈现全局值时,它可以正常工作:{{myConstant}}同样,如果我在ng-if条件中引用全局值,它也有效:Conditionalcontent.但是,当尝试在ng-switchblock中使用相同的值进行比较时,它永远不会计算为真。ThisJSFiddle展示了我试图让

javascript - angularjs 使用 ng-repeat 调用 Filter 两次

我是angularjs的新手,正在尝试学习过滤器的概念。但在我的例子中,angularjs调用了过滤器两次。我原以为过滤器只运行一次,但是它运行了两次。无法理解为什么会这样..这是我的plunker... 最佳答案 如果我没有误解你的问题,这与here是同一个问题。Angularjsusesa'dirty-check'approach,soitneedtocallallthefilterstoseeifexistsanychange.Afterthisitdetectthathaveachangeononevariable(theo

javascript - AngularJS - ng-include ng-controller 和范围不绑定(bind)

我有以下主视图和options.html具有以下内容OptionsSearch但是“关键字”没有绑定(bind)到OptionsController中的范围。app.controller('OptionsController',['$scope',function($scope){$scope.keyword="all";$scope.search=function(){console.log("hello")};}]);当我点击按钮时,我没有看到hello并且关键字all没有出现在输入文本中。我尝试如下移动ng-controller部分一切都按预期进行。我通读了AngularJS-l

javascript - Angularjs 在 ng-repeat 中显示和隐藏按钮

我有一个列表,它使用ng-repeat填充屏幕。每行都有一个按钮供用户单击以选择该行。通常您会使用单选按钮,但用户想要按钮切换。我真正想要的是显示第一个按钮(在第一次显示列表时隐藏第二个按钮),在用户点击第一个按钮选择特定行后,我想隐藏第一个按钮并显示第二个按钮.2个按钮有不同的ID、文本、样式。所以对于用户来说,就像在选择后更改按钮的外观一样。我尝试在函数populateFareOption(row.col3.value,row.col4.value)中设置showfarebut1/showfarebut2范围变量在Controller中,但所有行在单击第一个按钮后都有第二个按钮。任