问题标签 [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.
javascript - AngularJS ng-hide/show label/button if length(description) < 20
如果长度(描述)<一行,我需要显示/隐藏标签。代码工作正常,但如果长度 < 一行,标签不会隐藏。如何隐藏/显示标签?
如果 [[ demandAd.description ]] 小于一行或小于一行(或长度<100),我需要隐藏标签,因为它当时没有功能
angularjs - 在 html 中正确使用 ng-if 指令
我已经关注了 html 代码片段,我想在其中使用一些“ng-*”指令有条件地将颜色应用于文本。
Todo 模型有一个名为“flag”的属性,其值为“0”或“1”。我想根据这个“todo.flag”设置 {{ todo.text }} 的颜色。我可以直接使用ng-style(如上图)来设置颜色,但是如何有条件地设置呢?例如,如果 todo.flag==1 则将颜色设置为“绿色”,如果 todo.flag==0 则将颜色设置为“蓝色”。任何帮助表示赞赏。
angularjs - 引导工具提示:如果绑定变量值为空,则隐藏工具提示
我正在使用 angularJS 和 haml 语法,如果属性为空,我想在鼠标悬停时隐藏工具提示,这是显示它的行:
如何在 haml 中添加 ng_if 条件以仅隐藏工具提示?
angularjs - AngularJs 1.x 不使用 ng-show 或 ng-if 更新元素的可见性
即使检测到变量值,我也面临 angular js 1.x 不更新元素的可见性的问题。我正在使用自定义角度开闭符号,但我不认为这是一个问题。
这是示例代码:
fnc_show_lockin_period_clause()
我的角度控制器中的函数在哪里。
当函数返回 true 时,更新后的 html 如下所示:
并且,当函数返回 false 时,更新后的 html 如下所示:
即使指令能够识别变量的值,它也无法更新可见性。使用 ng-show 也会发生完全相同的事情。
寻求帮助。
angularjs - 将 font-awesome 图标添加到由 ng-repeat 创建的选择中的一个选项
是否可以根据是否与 ng-repeat 中返回的数据中的某个设置匹配,将图标添加到下拉列表中的选项?
我有以下选择,并且该选择中的选项是通过 ng-repeat 创建的,该 ng-repeat 将从数据库中拉回的数据记录中删除。
当它遍历 playlistDataForActivity 时,是否可以找到 IsDefault = 1 的项目并在该选项旁边添加一个图标?
这通过使用 ng-style 属性更改设置为“默认”的选项的颜色来工作。添加 FontAwesome 图标的最佳方式是什么?
arrays - ng-repeat 时跳过重复的项目
有一个由捆绑包组成的嵌套数组,这些捆绑包又包含项目。所以,我想在迭代时根据以前的捆绑项目跳过下一个捆绑的相同项目。以下是数据模型和代码片段:
虚拟机数据
html:
vm.检查:
演示在这里。
它部分工作,即第二个捆绑包正确匹配条件,但第三个捆绑包不匹配。那么,我错过了什么?任何帮助,将不胜感激!
angularjs - ng-if 放置在控制器之外并使用范围进行 $compile 时不起作用,但 ng-show 可以
我有一个普通的角度应用程序,它向范围添加变量并简单地显示它们。这既简单又有效。
但是页面的一部分不是以角度运行的(实际上它是一个 jQuery 插件),所以我必须$compile
使用在呈现的 HTML 中启用指令使用。但是,在此 HTML 中,该ng-if
指令不起作用,并且始终评估为 false 并消失。但是在使用时ng-show
,事物会按预期显示/隐藏。
可能是什么原因以及如何修复?
Plunker:https ://plnkr.co/edit/kWp4CaED9ZFaOmY36ixT?p=preview
结果
$范围
$编译
angularjs - 如何为在angularjs中单击的每一行显示一个元素
我只想根据服务器的响应显示下面每个标记和未标记的图标。我已经阅读了一系列相关问题,但似乎都与 ng-class 相关,我也尝试应用它们,但它们似乎不起作用,我没有使用 ng-class,我唯一想要的就是制作根据来自服务器的响应(TRUE 或 FALSE),单击以显示每行的图标。我已经找到了一个解决方案,但它在所有 . 现在的问题是;如何让每行点击的图标都出现?
//下面是我的html
//我的angularjs代码如下
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:
angularjs - Angularjs:为什么当我点击表格行时它会在 ng-if 中执行函数?
我在https://jsfiddle.net/8t45enfg/2/
上有代码
源代码很简单,假设数组列表只有一个元素
HTML 代码:
js代码
- 当我运行我的代码时,doCheck()被执行了两次,为什么?应该执行一次
- 主要问题是当我点击数据行时,doCheck和doClick都被调用,我认为它只会调用doClick,而不是doCheck,因为我对doCheck没有任何操作。这让我很难理解