问题标签 [ng-show]
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 - 检查无线电时Angular JS显示输入
我有一个像这样的javascript数组:
然后我有一个由 Angular JS 使用数组生成的单选按钮列表:
这行得通。在数组中,其中一个索引中有一个extraField
with 值true
。当检查带有设置的广播按钮时,我需要Angular显示额外的输入字段extraField
。数组可能会更改为具有多个索引extraField
值。
所以额外的字段看起来像这样。
除了知道使用之外ng-show
,我不确定这样做的正确方法是什么。上面的例子当然什么也没做。
angularjs - ng-hide/ng-show 中的 ng-hide/ng-show 在第一次触发时无法在 **chrome** 中正常工作,第二次反映很好
我有一个场景,其中有一个带有建议列表的编辑输入,当我在 ng-change 上输入条目时,列表会显示相关建议,如果没有可用数据则显示异常。但是在chrome中我遇到了一个问题,如果没有搜索(ng-change)本身,带有输入的列表就会显示“无数据异常”
我有这样的事情:
此处列表在第一次编辑时出现在 chrome 中,第二次工作正常!
angularjs - AngularJS 根据 url/条件隐藏 div
这是我的网址 -charts/53d25d91959679701e362f25
当我添加?widget=true
到该链接时,charts/53d25d91959679701e362f25?widget=true
我必须在charts/53d25d91959679701e362f25
页面中隐藏两个特定的 div。
我已经尝试过 -ng-if="location.path()"
但不适用于?widget=true
angularjs - AngularJS - 如果日期在过去六个月内,则显示一个 div
我有一个简单的 ng-repeat 显示名称和图标列表:
如何修改它以便显示所有名称的列表,但仅显示过去 6 个月的图标?
我试过了:
我可以ng-show
在我的<span>
angularjs - AngularJS - 如果日期在过去 6 个月内,则隐藏/显示 div
我有一个ng-repeat
显示日期列表以及有关该日期购买的信息。
HTML:
其中显示:
我怎样才能只显示从当前月份开始的最近 6 个月内的时间{{ data.purchaseDescription }}
?purchasedOn
javascript - 如何在AngularJS中动态更新视图
我有div
以下 2 个元素,我想根据doStuff()
单击锚元素时在控制器中调用的函数仅显示其中一个。
以下是控制器代码:
上面的代码不起作用,因为即使在单击Do stuff and show B锚元素后,状态仍保持为“A”。
有人可以帮我理解为什么它不起作用吗?
编辑
应用程序.js
索引.html
我的视图.html
node.js - 如何使用 ui-router 在 angularjs 中动态更改视图
我有一个名为的视图myView
,其中我有两个 div 元素,我想ng-show
根据$scope.states['currentState']
is'A'
或的值有条件地使用它们'B'
。当单击调用控制器上的函数$scope.states['currentState']
的锚标记时,会更改的值。doStuff
myController
我遇到的问题是,当单击锚标记并单击doStuff
函数时,它会在控制台上显示 的值$scope.states['currentState']
已被修改,但并未myView
相应地更新命名视图。
以下是app.js
,myView.html
和index.html
文件的代码。该index.html
文件被用作我使用 Express 和 Node.js 渲染<div ui-view></div>
的文件中的一个。index.ejs
应用程序.js
索引.html
我的视图.html
有人可以帮助我理解为什么没有显示div
with ,即使在调用函数states['currentState'] == 'B'
时我看到值console.log($scope.states['currentState'])
从 'A' 更改为 'B' ?doStuff
myController
编辑: 这是我面临的问题的演示。
javascript - 为什么这个 ng-show 指令不起作用?
在我的 Angular 1.2.21 应用程序中,我似乎遗漏了一些非常明显的东西ng-show
(在这里隔离了测试用例)。我希望仅当字符串不为空时才显示元素。假设我有一些动态的、可能是空的、带有静态标题的文本,并且我不希望在文本为空时显示带有标题和空文本的整个元素。
html:
和js:
现在我希望“Hello foobar”<div>
只在随机值 > 0.5 时显示,并且为了仔细检查,我添加了一个$scope.bar
错误的值,所以我肯定希望“你应该隐藏!” <div>
被隐藏。
但是,它们不是。我在这里想念什么?
javascript - 使用 ng-class 更改类时,ng-show 动画不起作用
对于 div,我有这样的ng-class
表达式:ng-class="{error: msg.isError}"
和这样的ng-show
表达式:ng-show="msg.text"
很明显,我希望 divmsg.text
不为空时显示,并且我希望它在msg.error
为真时具有类“错误”。
另外,我希望它在显示时淡入。当类没有改变时它工作得很好,但是当我设置msg.error
为 true,同时为 设置一个值时msg.text
,动画不会发生。
这是我的问题的JS小提琴。
这是html:
这是js代码:
javascript - AngularJS ng-show 具有多个元素的一个条件
我有三个带有“showMe”布尔值的 ng-click div。他们的段落有一个评估“showMe”的ng-show。
我的问题是,如何使用一种条件在我单击的 div 上显示段落?换句话说,如果我单击第一个 div,我应该只看到“1”,“2”和“3”段落应该保持隐藏。ng-repeat 不是此练习的选项。
这是一个JSBin:
http://jsbin.com/kiwicipabago/1/edit
谢谢你。