问题标签 [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 投票
1 回答
322 浏览

javascript - AngularJS ng-hide/show label/button if length(description) < 20

如果长度(描述)<一行,我需要显示/隐藏标签。代码工作正常,但如果长度 < 一行,标签不会隐藏。如何隐藏/显示标签?

如果 [[ demandAd.description ]] 小于一行或小于一行(或长度<100),我需要隐藏标签,因为它当时没有功能

0 投票
1 回答
35 浏览

angularjs - 在 html 中正确使用 ng-if 指令

我已经关注了 html 代码片段,我想在其中使用一些“ng-*”指令有条件地将颜色应用于文本。

Todo 模型有一个名为“flag”的属性,其值为“0”或“1”。我想根据这个“todo.flag”设置 {{ todo.text }} 的颜色。我可以直接使用ng-style(如上图)来设置颜色,但是如何有条件地设置呢?例如,如果 todo.flag==1 则将颜色设置为“绿色”,如果 todo.flag==0 则将颜色设置为“蓝色”。任何帮助表示赞赏。

0 投票
1 回答
181 浏览

angularjs - 引导工具提示:如果绑定变量值为空,则隐藏工具提示

我正在使用 angularJS 和 haml 语法,如果属性为空,我想在鼠标悬停时隐藏工具提示,这是显示它的行:

如何在 haml 中添加 ng_if 条件以仅隐藏工具提示?

0 投票
1 回答
48 浏览

angularjs - AngularJs 1.x 不使用 ng-show 或 ng-if 更新元素的可见性

即使检测到变量值,我也面临 angular js 1.x 不更新元素的可见性的问题。我正在使用自定义角度开闭符号,但我不认为这是一个问题。

这是示例代码:

fnc_show_lockin_period_clause()我的角度控制器中的函数在哪里。

当函数返回 true 时,更新后的 html 如下所示:

并且,当函数返回 false 时,更新后的 html 如下所示:

即使指令能够识别变量的值,它也无法更新可见性。使用 ng-show 也会发生完全相同的事情。

寻求帮助。

0 投票
0 回答
383 浏览

angularjs - 将 font-awesome 图标添加到由 ng-repeat 创建的选择中的一个选项

是否可以根据是否与 ng-repeat 中返回的数据中的某个设置匹配,将图标添加到下拉列表中的选项?

我有以下选择,并且该选择中的选项是通过 ng-repeat 创建的,该 ng-repeat 将从数据库中拉回的数据记录中删除。

当它遍历 playlistDataForActivity 时,是否可以找到 IsDefault = 1 的项目并在该选项旁边添加一个图标?

这通过使用 ng-style 属性更改设置为“默认”的选项的颜色来工作。添加 FontAwesome 图标的最佳方式是什么?

0 投票
1 回答
36 浏览

arrays - ng-repeat 时跳过重复的项目

有一个由捆绑包组成的嵌套数组,这些捆绑包又包含项目。所以,我想在迭代时根据以前的捆绑项目跳过下一个捆绑的相同项目。以下是数据模型和代码片段:

虚拟机数据

html:

vm.检查:

演示在这里

它部分工作,即第二个捆绑包正确匹配条件,但第三个捆绑包不匹配。那么,我错过了什么?任何帮助,将不胜感激!

0 投票
1 回答
118 浏览

angularjs - ng-if 放置在控制器之外并使用范围进行 $compile 时不起作用,但 ng-show 可以

我有一个普通的角度应用程序,它向范围添加变量并简单地显示它们。这既简单又有效。

但是页面的一部分不是以角度运行的(实际上它是一个 jQuery 插件),所以我必须$compile使用在呈现的 HTML 中启用指令使用。但是,在此 HTML 中,该ng-if指令不起作用,并且始终评估为 false 并消失。但是在使用时ng-show,事物会按预期显示/隐藏。

可能是什么原因以及如何修复?

Plunker:https ://plnkr.co/edit/kWp4CaED9ZFaOmY36ixT?p=preview


结果

$范围

$编译

0 投票
1 回答
59 浏览

angularjs - 如何为在angularjs中单击的每一行显示一个元素

我只想根据服务器的响应显示下面每个标记和未标记的图标。我已经阅读了一系列相关问题,但似乎都与 ng-class 相关,我也尝试应用它们,但它们似乎不起作用,我没有使用 ng-class,我唯一想要的就是制作根据来自服务器的响应(TRUE 或 FALSE),单击以显示每行的图标。我已经找到了一个解决方案,但它在所有 . 现在的问题是;如何让每行点击的图标都出现?

//下面是我的html

//我的angularjs代码如下

0 投票
1 回答
73 浏览

angularjs - Using ng-if with directive take to much time [Slowly]

I have a directive tree list view with checks box, (aleardy developed by another developer), i want to display it to the user when he clicks on button, so i used ng-if/ng-show/ng-hide/ng-class with hidden. they takes a lot of time to display the directive (tree list), (more then 20sec)

the directive use ng-if, ng-repeat, ng-show...

When i use: ng-if: 1- page loading is ok 2- display tree list after click button is slowly ng-hide/ng-show/ng-class with hidden: 1- page loading is noy ok (too slowly) 2- display tree list after click button is OK

any advices for this problem ?

the template of my directive is:

0 投票
3 回答
629 浏览

angularjs - Angularjs:为什么当我点击表格行时它会在 ng-if 中执行函数?

我在https://jsfiddle.net/8t45enfg/2/
上有代码 源代码很简单,假设数组列表只有一个元素
HTML 代码:

js代码

  1. 当我运行我的代码时,doCheck()被执行了两次,为什么?应该执行一次
  2. 主要问题是当我点击数据行时,doCheckdoClick都被调用,我认为它只会调用doClick,而不是doCheck,因为我对doCheck没有任何操作。这让我很难理解