问题标签 [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 回答
1253 浏览

javascript - Angularjs 4 - 需要刷新显示/隐藏指令

当用户未登录时(在公共视图上)隐藏导航栏时遇到问题,我检查 localStorage 上是否存在 currentUser 项,然后在 html 模板上使用 *ngIf 来显示/隐藏。

当我第一次登录时,我看不到导航栏,但在刷新它显示的页面后,我注销时也是如此,起初它显示它,刷新页面后它就消失了。

有我的app.component.ts

和我的app.component.html

如果您需要更多信息,请询问,这是我的第一个 Angularjs 4 问题,我不知道要确切显示什么。

0 投票
2 回答
2898 浏览

angularjs - 在 ng-if 中使用 ng-model 的值

我有一个输入 idNumber 的文本框。我想检查该 ID 号是否出现在我的表格中。如果是这样,我想在该行中添加一个字形图标。

现在,我的问题是我不知道如何ng-model="idNumber"从 ng-if 访问。

我尝试使用ng-if="data.id== {{idNumber}}",但这不起作用。

0 投票
1 回答
407 浏览

javascript - Angular 1/ ng-if 仅在一个条件下一次性绑定

在我的模板中,我有:

在我的组件中

我希望仅在单击属性的选择输入(ui-select)时才处理函数on-select="$ctrl.show()"

此案例可能类似于以下示例案例:仅在单击ng-click

0 投票
1 回答
905 浏览

angularjs - 我可以使用 ng-click 和 ng-if 同时隐藏和显示两个不同的部分吗

我正在使用 angularjs 开发一个应用程序,并尝试直接在 DOM 中做一些事情。虽然我知道这不是最好的做法,但在这种情况下它会非常实用,因为我专门试图绕过控制器。我尝试使用两个函数 true 和 false 将按钮连接到 ng-click,然后使用 ng-if 显示和隐藏一个部分。两个功能,因为有两个部分。如果单击一个按钮,则显示一个部分,而另一部分隐藏,反之亦然。它有点工作,但它永远不会隐藏第一部分。此外,在某些尝试中,我让它有点工作,但它不会默认加载任何一个元素。有任何想法吗?我的代码看起来像:

0 投票
2 回答
1479 浏览

javascript - 根据angularJS中的条件显示链接

我正在 AngularJS 中创建一个导航栏。我分别在“div.menu-links”上的 mouseover 和 mouseleave 上显示和隐藏子菜单“div.farm-links”。

现在,在我的子菜单中,只要“child.thirdLevelChildList.length”大于 5,它应该将第 5 个链接显示为“查看全部”并隐藏所有剩余的链接。否则,它应该显示所有链接。

例如,在鼠标悬停在“关于 abc”时,在“公司”下,我应该只看到:“战略”、“使命、愿景、价值观”、“领导力”、“组织结构图”和第 5 个链接为“查看全部” .

我如何实现这一目标?这是我的代码:

0 投票
2 回答
431 浏览

angularjs - angularjs如果其他条件不起作用

我是新来的AngularJS,正在研究项目中的一个小模块。我想div根据条件显示两个。条件是如果{{ merchandiser.popCode }}数据库中存在 popcode 值,则显示 div1,否则显示 div2。这是我的代码片段

0 投票
1 回答
495 浏览

javascript - 如何获得嵌套的 ng-if 触发?

如果我在 ng-if 中有一个 ng-if,如果外部 ng-if 的条件处于隐藏过程中,则内部 ng-if 不会启动。

即使外部正在隐藏,我也希望触发嵌入式 ng-if。在这种特殊情况下,我有一个很长的过渡,所以仍然可以看到项目中发生的事情。

单击切换应显示“再见”,但由于外部 div 正在被删除,内部内容不会更新。

https://plnkr.co/edit/0MT62ZNJ8rsLtnhhryfk?p=preview

0 投票
1 回答
24 浏览

javascript - 在angularjs中提交表单后不验证新控件

我们有一个表单,我们在保存按钮上提交。保存时会触发一些验证。我们正在使用$scope.isSubmitted= trueand $scope.watchon提交表单以$scope.isSubmitted突出显示错误

提交并验证表单后,如果有任何新控件根据ng-if条件添加到表单,新控件也会被验证。所以我的问题是如何防止在提交表单后添加新控件以进行验证,并且仅在重新提交后进行验证。

0 投票
1 回答
501 浏览

angularjs - AngularJS 从 ng-if 中的函数获取值并在元素中使用该值

我的问题在于以下代码。虽然代码现在不起作用。我不想以适当的方式重写它以使其正常工作。

在上面的代码vm.getCommunity(invite.community_id)中返回一个nullcommunity对象。如果community返回对象,那么我希望在同一个元素中再调用两个函数,我希望community在这两个函数上使用最近收到的值。

这只是在消磨我的时间。请帮忙。

0 投票
0 回答
359 浏览

angular - angular2 ngif 不工作

我的 HTML 中有一个 div,我想在文件上传时显示它。它很简单*ngIf,但不知何故它不起作用:(

HTML

TS