问题标签 [angularjs-ng-if]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
12 回答
317390 浏览

angularjs - ng-if 和 ng-show/ng-hide 有什么区别

我试图理解ng-ifand ng-show/之间的区别ng-hide,但它们在我看来是一样的。

我应该牢记选择使用其中一种吗?

0 投票
6 回答
38241 浏览

javascript - AngularJS - 如何在没有 HTML 元素的情况下使用 ng-if

有没有办法告诉 AngularJS 不要显示具有ng-if指令的顶部 HTML 元素。我希望 Angular 仅显示子内容。

角代码:

呈现的 HTML:

我想要的是:

这是一个小提琴。http://jsfiddle.net/9mgTS/。我不想#div1在 HTML 中。我只想要#div2,3,4if checkedis true

一个可能的解决方案是向所有子元素添加 ng-if,但我不想这样做。

0 投票
3 回答
174353 浏览

angularjs - 使用 ng-if 作为 ng-repeat 中的开关?

我正在开发 Angular 应用程序。我尝试使用 ng-if 并在ng-repeat内切换,但没有成功。我有如下数据:

$scope.comments = 上面提到的数据
和我的 Html 之类的:

我怎样才能在 Angular 中实现这个功能?

0 投票
2 回答
1130 浏览

angularjs - 为什么 angularjs 忽略 ng-if?

我尝试使用 ng-if,但 angular 没有编译他。查看测试代码:

和功能测试:

如果运行此页面,我们可以在“Li”中看到“ddd”,尽管测试返回 false。

下一步,我替换为 "ng-if" "ng-show" :

它的工作,“ddd”隐藏。为什么 ng-if 不能在工作 ng-show 的地方工作?

0 投票
1 回答
272 浏览

javascript - 为什么 ng-if 在 ng-repeat 中不起作用

我无法在 ng-repeat 中正确使用我的 ng-if。我已经将我的 AngularJS 更新到了最新版本(09/27/2014),但我仍然无法让它正常工作。我有在 ng-repeat 之外运行良好的代码,当我 ng-if="vm.detail == false" 时,我也有在 ng-repeat 内部运行良好的代码。但是 ng-if="vm.detail == true" 不起作用。我什至已将 vm.detail 的值打印到控制台,它是正确的,应该如此。但是,将 ng-if="vm.detail == true" 评估为“true”的代码块不会执行。真是疯了。这是我的代码:

和控制器:

0 投票
1 回答
58 浏览

javascript - 不要将元素包含在表单序列化的 ng-hide 中

我有一个问题,我正在使用 ng-show 和 ng-hide 根据选择选项在表单上显示选项,但是,当我提交我的控制器时,它看起来像这样:

所以当......我提交时,即使隐藏了所有元素,我也想只显示那些显示 ng-show 的元素。

0 投票
0 回答
342 浏览

javascript - 在另一个 ng-if 中带有 ng-if 的 Angular 指令不起作用

这是指令:

出于某种原因,当field.bindingType是 'options' 并因此通过第一个ng-if 时,它仍然可以通过第二个ng-if(bindingType 不是 'options')。显然,这是不可能的,但它一直在发生。

这仅在字段时发生。但是,type 匹配内部 ng-if 条件之一。就好像它忽略了指令的ng-if="field.bindingType != 'options'"部分。

这里有什么问题?

谢谢。

0 投票
1 回答
1203 浏览

angularjs - angularjs ng-repeat 在 ng-if 中

ng-repeat 内的 angular js ng-if 不起作用 我的 angularjs ng-if 代码

0 投票
1 回答
127 浏览

angularjs - 如何将 $last ngRepeat 结果从href中取出?

是否有任何选项可以像这样放置 $last ng-repeat 结果<li class="active">Four</li>而不是<li><a href="#">Four</a></li>?我一直在尝试,ng-if但不幸的是它还没有给出好的解决方案:(

演示:http ://codepen.io/anon/pen/bdvVRe

0 投票
1 回答
972 浏览

javascript - 在这种情况下如何使用 ng-if 或其他表达式更改文本?

我正在尝试根据 atagdirection值更改标题标签中的文本:

方向是positive,negativestagnant, 应该对应于title="Percentage increase" title="Percentage decrease"或 正好title="Percentage"

在这种情况下最好使用哪种 Angular 语法?