问题标签 [angular-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 投票
2 回答
4921 浏览

angularjs - 为什么我的 ng-if 不起作用?它没有隐藏 div

在我的 Angular 应用程序中,如果变量为真,我希望某个div出现,如果为假,则消失。

但是,它不起作用。看我的小提琴

谁能帮我理解为什么?

HTML

JS

0 投票
3 回答
836 浏览

javascript - Angular JS:使用 select 定义的参数进行搜索

所以我有一个搜索框,其中包含一些我想限制搜索的参数。在我的示例中,这包括名字和姓氏。

我想要达到的目标

所以我一直在尝试这样实现。这是下拉列表的代码。

这是输入搜索字段的代码。

这是显示结果的 div 的代码。

但是,此代码不起作用,如果我只有一个输入搜索框来表示 first_name(无条件输入),它就可以正常工作!我究竟做错了什么?有没有更好的方法来做到这一点?

我正在使用的 json 数据示例:

0 投票
1 回答
15135 浏览

javascript - Angular JS比较两个日期是否相等

我用这个角码来比较两个日期是否相等。

代码:

在这里,我想检查测试这两个日期或是否相等,我让这些日期完美无缺,而且这些日期也相等,但无法使该条件为真。我也用 == 检查了它,但没有结果。

任何帮助或建议将不胜感激。

0 投票
1 回答
30 浏览

angularjs - AngularJS:如果定义了值,是否有一种方便的方法来显示和绑定元素?

我正在为此寻找一行语法:

也许是这样的:

0 投票
1 回答
1678 浏览

javascript - ng-if 在 angularJS 中的 ng-repeat 内

我根据 ng-repeat 中的 if 条件呈现一个单独的 div。但它会抛出一个错误,提示“语法错误:令牌'<'不是表达式 [widget.Type == 'Bar'>”的第 32 列的主表达式。 我该如何解决?

这是我的代码,

HTML:

0 投票
2 回答
1563 浏览

javascript - ng-show 和 ng-if 无法显示内容

尝试构建一个简单的选项卡。Tab 0 中的内容按预期显示和隐藏,但是 Tab 1 永远是空白的,尽管单击 Tab 1 时范围会更新为 true。

首先,控制器在包装器 div 上启动:

这是控制器:

和 ng-click 监听器:

现在,使用 ng-repeat 循环的选项卡对象 - settings.tabs($index) 正在将索引传递给上面的函数:

内容保存在 2 个 div 中,带有 ifs:

最后,Chrome 从不更新 if: ngIf: settings.tab[1].active

0 投票
1 回答
648 浏览

javascript - ng-if 只删除我表中的 innerHTML

我正在制作一个自定义指令,它将分页并使我的表格可排序。我正在尝试使多种数据类型与排序一起工作,而无需用户付出任何努力。这是我的 templateUrl 中有问题的 html:

我更喜欢使用 ng-if 而不是 ng-show/hide,因为它会不必要地使用 ng-show/hide 复制 DOM 元素而只是不显示它们。我已经尝试了两种方式,但无论哪种方式我都得到相同的结果。包含日期的列的内容不会显示,但 td 本身仍然在那里占用空间。所以,我最终得到了三个列标题和三个以上的列。据我所知, ng-if 应该从 DOM 中删除整个元素。

这是我的另一个重要代码:

至于 cndPaginatedObject,它只是一个包含多个字符串的对象数组。感谢您提前提供任何帮助!

更新:

只是想我还要补充一点, cndTableHeaders 实际上就是表格标题。cndPaginatedObject 使用表头作为每个值的键。这样,它们就会以正确的顺序出现在表格中。

0 投票
1 回答
869 浏览

javascript - 无法获取由 ng-if 包装的输入值

如果这是 html 代码,我无法获得 ng 包装的输入值

和控制器

任何人都可以帮助我吗?提前致谢

0 投票
1 回答
431 浏览

javascript - 表排序(使用 ng-repeat 并使用 ng-if 删除重复的列名)

我在使用 ng-repeat 的表格中有一些数据,这些数据排序良好。请看第一个小提琴。

http://jsfiddle.net/HB7LU/10201/

我正在尝试找到一种方法来获得第一列(名称),如果下一行具有相同的名称,则不要重复名称。见第二个小提琴。

http://jsfiddle.net/HB7LU/10204/

这最初有效,直到对列进行排序。如果单击标题,列将排序,但数据不正确。我知道这是因为我使用 $index 的列表。我不确定是否有办法使用其他东西来代替?或者说实话,我想知道是否有更好的方法来做到这一点。

如果需要更多信息,请告诉我。谢谢!吨

0 投票
1 回答
2483 浏览

angularjs - 根据Angularjs中的值json隐藏元素

我想根据我在 json 中的值隐藏一个 div

例如我有这个{{product.currency}}并且值可以是: £ 或 € 如果值相等 € 我想隐藏这个元素。