``ng show`调用函数不起作用
ng show是Angular框架中的一个指令，用于控制HTML元素的显示与隐藏。它接受一个表达式作为参数，根据表达式的值来决定元素是否显示。
当ng show调用函数不起作用时，可能有以下几个原因：
- 函数未正确定义或命名：确保函数已经正确定义，并且在调用
ng show时使用了正确的函数名。 - 表达式返回值不正确：
ng show的参数应该是一个返回布尔值的表达式。确保函数返回的值是布尔类型，并且符合预期的逻辑。 - 作用域问题：如果函数定义在控制器的作用域之外，可能无法被
ng show正确调用。确保函数在正确的作用域内定义。 - Angular模块未正确引入：确保已经正确引入了Angular模块，并且在应用程序中正确加载了该模块。
如果以上解决方法都没有解决问题，可以尝试以下步骤：
- 检查浏览器控制台：查看浏览器控制台是否有任何错误信息，可能会提供有关问题的更多线索。
- 检查其他相关代码：检查是否有其他代码或指令与
ng show冲突或干扰了其正常工作。 - 检查Angular版本：确保使用的Angular版本与代码兼容，并且没有已知的问题或错误。
如果问题仍然存在，可以尝试在相关的开发社区或论坛上寻求帮助，或者参考Angular官方文档和社区资源来解决问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。
- 腾讯云云数据库 MySQL：提供高性能、可扩展的云数据库服务，适用于存储和管理数据。
- 腾讯云对象存储（COS）：提供安全可靠的云存储服务，用于存储和管理各种类型的数据。
- 腾讯云人工智能：提供丰富的人工智能服务和工具，用于开发和部署智能应用程序。
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，用于连接、管理和控制物联网设备。
- 腾讯云移动开发：提供全面的移动开发工具和服务，用于构建和发布移动应用程序。
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
2回答
我在表单字段中使用daterangepicker来显示日期选择器。正如您所看到的，这在底部的字段中工作得很好，但在包含在ng-if中的字段中却不起作用。
它不是特定于daterangepicker的，对于jQuery中的任何ng-if函数都是如此。
其中一个解决方案涉及使用ng-show，但在这种情况下它需要是ng-if。
浏览 0提问于2016-04-20得票数 2
回答已采纳
我正在尝试编写一个类似于foundation-equalize的angularjs指令。我的问题是，我希望它可以处理在页面加载时隐藏的元素，然后在用户单击某些内容时显示。监视和范围设置的各种组合似乎对我不起作用。
我的指令
myApp.directive("mmEqualize", [ function() {
function link(scope, element, attrs) {
function equalize() {
// my equalize function that only gets called on p
浏览 0提问于2014-06-25得票数 0
3回答
我需要隐藏编辑的输入字段，直到单击按钮编辑，然后显示输入字段。它必须切换单击以显示输入字段。
如果输入正在显示，我还希望将编辑文本更改为关闭字段。
这是我的密码
<div class="personInfo">
<h3>name <input type="text" ng-model="user.name" ng-show="edit"></h3>
<h3>email: <input type="text" n
浏览 2提问于2017-01-26得票数 0
回答已采纳
3回答
我有一个用ng-repeat填充的简单无序列表，我希望每次用户单击列表项时都会发生一些事情。然而，ng-click似乎不适用于我的html中的任何div，它只适用于按钮。起初，我认为问题出在ng-repeat上，但事实证明，即使在ng-repeat之外，ng-click似乎也不起作用。我也尝试过使用ng-mousedown，但似乎也不起作用。
下面是我的html：
<div class="noteItem" ng-mouseleave="btnShow = false" ng-mouseenter="btnShow = true" ng-c
浏览 0提问于2017-03-10得票数 0
2回答
在SO上有很多类似的问题。我已经检查了其中的许多，但没有找到我的问题。
我有一个使用ng-submit的表单。不幸的是，即使表单无效，按enter键或单击submit也可以正常工作。调用ng-submit方法。
CodePen示例：
<form name="testForm" novalidate ng-submit="submit()">
<label for="firstname">First Name:</label>
<input type="text" name=
浏览 0提问于2014-07-02得票数 4
2回答
我遵循本教程，但我有带有方括号的表单字段(例如，company_bundle_tasktimeStart -由Symfony2呈现)，而这些字段的验证不起作用，例如：
<span class="help-block" ng-show="company_bundle_task.company_bundle_task[timeStart][date].$invalid">Required</span>
或
<span class="help-block" ng-show="company_bundle_task.
浏览 4提问于2014-04-15得票数 3
回答已采纳
2回答
我有一个从服务器检索数据的异步函数，还有一个指令，它应该显示该异步函数检索的任何数据。
我要做的是在我的指令中放置一个ng显示为false，假设该指令不会加载，除非我将ng显示放在true中。在我的异步函数检索数据之前，ng显示将保持为false。
问题是，这是不起作用的，指令会加载，不管我是否在它上放置一个ng-显示-还有其他想法吗？
这就是我在代码中尝试过的：
联署材料：
getFile.then(function (result) {
$scope.show = true;
Utilitie
浏览 4提问于2014-07-09得票数 0
回答已采纳
所以我用angular js 1.x (1.6)做了一个Todo应用程序，但是我的ng-show和ng-hide不起作用。这样做的目的是在您单击编辑按钮编辑当前待办事项时，使文本框出现在待办事项部分，同时编辑按钮也会变成完成按钮，以便您可以进行更改。然而，这是行不通的。控制台没有显示错误，我相信逻辑是正确的。`
<div ng-controller="todoCtrl as ctrl">
<div>
<p>Add a Todo</p>
<input type="text&#
浏览 7提问于2017-01-29得票数 0
回答已采纳
1回答
我对Angular指令非常陌生，而且我很难让它做我想要做的事情。以下是我所拥有的基础知识：
控制器：
controller('profileCtrl', function($scope) {
$scope.editing = {
'section1': false,
'section2': false
}
$scope.updateProfile = function() {};
$scope.cancelProfile = function() {};
});
指令：
directive('editBut
浏览 0提问于2014-07-01得票数 6
回答已采纳
我以为我有个简单的或逻辑上的问题，但经过几个小时的调试，我至少发现了一些东西，我的ng点击不起作用。下面的示例ng-单击ng内的tht -重复不触发。(除非您创建一个函数来激发它)。
看看这个，你就知道我的问题了。
html
<div ng-controller="apiCtrl">
<p ng-click="show=!show">Click me I'm outside of li tags</p>
<br />
<ul>
<li ng-re
浏览 3提问于2014-04-16得票数 0
回答已采纳
我正在尝试编写一个指令，为元素执行简单的就地编辑。到目前为止，这是我的代码：
directive('clickEdit', function() {
return {
restrict: 'A',
template: '<span ng-show="inEdit"><input ng-model="editModel"/></span>' +
'<span ng-show="!inEdit" ng-click="
浏览 2提问于2013-10-13得票数 2
回答已采纳
我试图根据ng-show中指定的布尔标志在窗体上显示div标记。但是div一点也不显示。下面是我尝试过的，但它不起作用。谢谢你的帮助！
MVC视图中的表单控制：
<form name="payment" role="form" ng-submit="sendPayment()" ng-controller="PaymentCtrl">
<div id="veil" ng-show="isProcessing == true"></div>
浏览 4提问于2015-11-03得票数 0
回答已采纳
有一个角度的使用Firebase和github上的AngularFire组成Firebase团队，我正在努力理解它是如何工作的。看起来如下所示：
<form>
<label>
<span>email</span>
<input type="text" ng-model="email" />
</label>
<label>
<span>password</span>
浏览 2提问于2014-03-21得票数 0
回答已采纳
1回答
我有一个选项卡视图的指令。当我试图隔离范围时，它不起作用。为什么会是？
目前，范围部分已被注释掉，并工作良好。
当我隔离作用域时，它不会调用函数loadTab()
myApp.directive("tabsPanel", () => {
return {
restrict: "E",
replace: true,
// scope: {
// tabs: "=tabs",
// activeTab: "=",
浏览 0提问于2017-01-24得票数 0
回答已采纳
我试图展示一些关于使用AngularJS函数的过程列表的细节。每个过程都由一个唯一的ID标识，所以我在函数中使用它作为参数。
如果我使用这一行代码，它就能工作。
<a ng-click="showDetails(1)">Show Details</a>
虽然使用这个，但它不起作用
<a ng-click="showDetails({{1}})">Show Details</a>
双牙套里的所有东西不都应该解决吗？
编辑:看起来很明显，但是，考虑到这些评论，它并不是.
这是一个理解为什么参数不是这样好的例子，在我的
浏览 3提问于2015-09-28得票数 1
回答已采纳
我有一个<select>，如下所示：
<div ng-show="myCtrl.name == 'Jack'">
<select ng-model="myCtrl.selectedValue" ng-options="value.id as value.title for value in myCtrl.valueDrpValues">
<option value=""> Select One ...</option>
浏览 4提问于2016-05-23得票数 0
我正在尝试使用AngularJS切换菜单项。我试图理解我做错了什么，因为下面这些都不起作用。
<div ng-controller="firstController as firstCtrl">
<button type="button" class="btn btn-default" aria-label="Menu" ng-click="firstCtrl.toggle(firstCtrl.navOpen)">
<span class="glyphi
浏览 0提问于2015-11-05得票数 0
回答已采纳
我正在使用AngularJS，我希望在选项中使用ui-sref。我用的这个方法不起作用
<div class="col-sm-1">
<select style="width: 117px;" ng-model="selectedTeam">
<option selected disabled>Teams</option>
<option ng-repeat="x i
浏览 6提问于2017-09-13得票数 1
回答已采纳
1回答
角目录光滑执行
、、
我正在使用以下插件：
我也在使用ng-重复，所以我正在体验在ng-重复完成之前执行它。
有办法解决这个问题吗？
<slick><div ng-repeat="carfactory in vm.carfactory">
<h4> {{ carfactory.name }}</h4>
<p>
<img src="/biler/1.png" style="float: left; padding: 15px; max-width: 100p
浏览 1提问于2016-09-02得票数 3
回答已采纳
我只想在ng-repeat中显示元素一次。
我的代码下面的代码不起作用，因为每次事件开始时都会显示“今日事件”.
我的代码：
<div class="line" ng-repeat="event in events">
<!-- h4 only once if condition is passed -->
<h4 ng-if="event.start.getTime() === today.getTime()">Event of today</h4>
<!-- h
浏览 4提问于2015-12-02得票数 0
回答已采纳
如何检查作用域变量是否未定义
这不起作用：
<p ng-show="foo == undefined">Show this if $scope.foo == undefined</p>
浏览 63提问于2014-11-20得票数 59
回答已采纳
这不起作用(div从未出现)：
<div ng-show="parseFloat(vehicle.pricing) > 1">
这样做是可行的：
<div ng-show="vehicle.pricing > 1">
为什么？
浏览 2提问于2015-02-13得票数 1
回答已采纳
1回答
<tbody ng-repeat="T in sal ">
<!--| filter:search:strict" >-->
<tr id="tr{{T.id}}" ng-class-odd="'odd'" ng-class-even="'even'">
<td >
<div class="fo
浏览 0提问于2015-11-27得票数 0
我有一个ng-show：
<a ng-show="vm.state.task | canFinish : vm.user">Test</a>
这会导致在浏览器中呈现a元素，如果过滤器返回false，则该元素将被隐藏。
看起来ng-show首先检查vm.state.task (结果为true)，然后执行可能返回false的过滤器。
但是这不是OR语句，为什么ng-show首先检查vm.state.task
浏览 4提问于2018-07-31得票数 0
我尝试确认一个角度弹出框(ng-show)并点击"ok“按钮(ng- confirm - click )，但它不起作用。如何确认删除按钮的以下弹出窗口？ <a class="BtnDelete sendToTrash" ng-show="showDelete" ng-confirm-click="" confirmed-click="deleteMessages()" target="_blank" id="send_to_trash"><span>Delete&l
浏览 19提问于2019-06-03得票数 0
回答已采纳
1回答
我有一个问题，我不能理解原因，因为它在本地服务器上工作，但在生产上不能。
我有一个类似这样的指令：
calcP.directive('modalDialog', function() {
return {
restrict: 'E',
scope: {
show: '=',
types: '=',
},
replace: true,
transclude: true,
li
浏览 11提问于2017-03-16得票数 0
我正面临着一种奇怪的情况.我有angularJS表单，我已经成功地实现了它，以便它是清楚的提交后，所以我的验证错误不显示，它的工作很好，但提交后，它显示一个红色的边界，这是错误的标志，我不想要的。 这是我的表格： <form name='addContactForm'>
<div class="form-group">
<label for="userid">USER ID :</label><br>
<input ng-model=
浏览 12提问于2019-05-16得票数 0
回答已采纳
2回答
这里我有一个登录域，一个密码，用户名和登录按钮。正如你所看到的，它非常冗长。
<form name='form' novalidate ng-submit="form.$valid && submit('/login')" ng-focus="showError=false" ng-controller='loginController' >
<h2>Login</h2>
<div class="form-group has-fee
浏览 1提问于2014-10-07得票数 2
。在我看来，隐式$watch在simpleAlertCtrl中不起作用。但我可以明确指出，当模型发生变化时，需要提取哪些服务模型属性。你能提供更复杂的解释吗，为什么simpleAlertCtrl绑定不起作用?！
<body ng-app="MyApp">
<br/><div id="alert" ng-show="show" ng-controller="watchAlertCtrl">
<div class="alert alert-success">
浏览 2提问于2014-12-17得票数 0
我可以在ng-init上使用两个函数吗？多么?我尝试了一个setTimeout来运行一个函数来打开一个模型，在一段时间之后，它调用了关闭该模型的函数，但是不起作用.
就像这样：
ng-init="setTimeout(closeModal, 2000) && openModal();"
这两个函数都在控制器内：
function ($scope, $stateParams, $ionicModal, $window, $timeout ) {
$ionicModal.fromTemplateUrl('modal.html', {
浏览 1提问于2017-04-30得票数 0
回答已采纳
当单击Close链接时，我试图通过在父作用域的上下文中执行文本来隐藏文本，该链接位于模板中。但不起作用。有人能告诉我我哪里出错了吗。
<!doctype html>
<html ng-app="parking">
<head>
<title>Parking</title>
<script src="https://code.angularjs.org/1.3.14/angular.min.js"></script>
<script>
浏览 2提问于2015-08-26得票数 0
回答已采纳
1回答
我能够显示数据的按钮点击。如何清空表中的内容？
<div ng-app="myApp">
<div ng-controller="tableControl as vm">
<button class="btn btn-default" ng-click="vm.show()">Show</button>
<button class="btn btn-default" ng-click="vm.clear()">Cle
浏览 2提问于2016-12-22得票数 1
回答已采纳
我试着用角度动画，像下面的演示。单击按钮时，项目应该向上、向下、顶部或底部。，
<div ng-controller="animateCtrl">
<div class="container">
<ul class="ulFade" id="autoscroll">
<li ng-repeat="li in lis" class="fade show">
{{li.name}}
<button ng-cli
浏览 2提问于2016-09-20得票数 2
回答已采纳
我对javascript和AngularJS都是新手，我想知道为什么引号中的表达式没有求值？
<span ng-show="{{remaining()}}!==0">sometext</span>
它简单地打印如下：
<span ng-show="2!==0">sometext</span>
无论内容如何，ng-show都不起作用。即使表达式被包装在eval中，也会显示文本(和打印的表达式)：
eval("{{remaining()}}!==0")
为此，我在控制器中创建了一个函数：
<spa
浏览 2提问于2013-07-03得票数 13
回答已采纳
当我改变正常函数中的ng-if条件时，我可以让ng-animate在ng-if中工作，比如
我的观点是：
<div ng-if="!show">
<a ng-click="showWorld()">Hello</a>
</div>
<div ng-if="show" class="animation">
Hello world!
</div>
我在指令中的函数：
scope.showWorld = function() {
s
浏览 3提问于2014-08-12得票数 0
1回答
直接绑定到ng-show指令中的函数是否有负面(性能)影响？
<div ng-show="myVm.isVisible()">
....
</div>
// controller snippet (exposed through controllerAs syntax)
function myCtrl (myService, authService) {
this.isVisible = function isVisible () {
return (myService.state === 'foo' &&
浏览 0提问于2015-05-26得票数 3
2回答
在AngularJS中，如何将参数传递给自定义过滤函数？在本例中，我需要在filter函数中同时提供task和status。
但是Angular只注入task。如何添加status
HTML
<div ng-repeat="status in statuses">
Selected Status: {{ status.title }
<ul>
<li ng-repeat="task in tasks | filter:customFilter">
Task Status:
浏览 0提问于2013-05-29得票数 1
回答已采纳
4回答
我正在尝试编辑一个字段，并将标签转换为文本字段，点击按钮，并将其更改为keypress事件上的标签(ng-keypress)。
我正在通过控制器更改ng显示变量，但它不起作用。
HTML：
<div ng-app>
<div ng-controller="showCrtl">
<form>
<label ng-hide="editMode" >{{field}}</label>
<input ng-show="editMod
浏览 6提问于2017-01-27得票数 0
回答已采纳
我正在浏览关于.net的书籍，并且我使用了一个基本的例子，即有一个带有两个控制器的应用程序。但是，我现在得到了这个错误，我不明白为什么它无法实例化模块：
中第4138行第9列的未处理异常
0x800a139e - JavaScript runtime error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:nomod] Module 'myApp' is not available! You either misspelled the module nam
浏览 3提问于2015-03-27得票数 0
回答已采纳
我的表演指令是错误的。
<span class="spanLabel" ng-show="!minimumCharactersMet()" >You need at least {{ howManyMoreCharactersNeeded() }} characters more</span>
<span class="spanLabel" ng-show="isNumberOfCharactersWithinRange()" >Remaining characters: {{ howManyC
浏览 6提问于2014-10-05得票数 0
回答已采纳
我一直在慢慢地将Onsen与我现有的web应用程序集成在一起。
我的主页文件(index.jade)包含一个拆分器，它支持整个应用程序的导航。拆分器加载一个NodeJS路径，该路径以翡翠形式呈现请求的页面。到目前为止，一切都按预期工作(实际上，我的前端玉代码都被正确地呈现了)。拆分器的每一页都存储在单独的玉文件中(主页除外)。
问题：
通过以这种方式配置我的应用程序，我通过反复试验了解到，我所有玉文件中的所有javascripts都不再用玉代码呈现(我不知道正确的术语)。只有当我将javascript剪切并粘贴到index.jade或创建单独的javascript文件并将它们包含在index.
浏览 2提问于2016-07-11得票数 0
回答已采纳
3回答
我想根据控制器的点击隐藏一个div：
我的HTML：
<div ng-controller ="myctrl">
<div ng-repeat="emp in emps">
<div class="myclass">
<p> {{emp.name}} </p>
<span class="testclass" ng-click="showBox='true'" >Show
浏览 0提问于2017-03-18得票数 2
回答已采纳
我有一个ng-repeat，它显示一个电影列表，在每个repeat中都有一个图标，当单击该图标时，会将当前索引设置为model.displayedIndex
<span><i ng-click="toggle($index); model.displayedIndex = $index"></i></span>
和
<div class="additional_info" ng-show="$index === model.displayedIndex">
{{m
浏览 19提问于2016-08-02得票数 0
回答已采纳
我用两个元素调用了一个函数。当我触发这个函数时，点击一个事件，那么它也应该被再次击中，无论我在哪里调用该函数。
//html
<button type="button" ng-click="{{myFunction()}}">click Me !!</button>
<p ng-show="{{myFunction()}}">{{name}}</p>
//控制器
myApp.controller('myController', function ($scope) {
$sco
浏览 1提问于2017-07-13得票数 0
回答已采纳
1回答
目前，我正在扩展我的应用程序，所以我可以给一个指令(它生成一个表格网格)一个对象来显示额外的按钮(用于添加其他操作)。
现在，我可以显示按钮，但我需要执行一些代码作为函数，应该适用于单击该按钮。
对象本身以混合方式包含字符串和函数，如下所示：
<tablegrid
table="flavorings"
additional-buttons="[{name: 'add', onclick: 'function(){ }', icon: 'fa fa-plus'}]"
show-actionbutto
浏览 0提问于2017-08-30得票数 1
回答已采纳
我有输入文本框输入用户名。我想检查用户名的可用性，并显示错误/成功消息，如下面代码中的用户名验证。做这件事的最佳方法是什么？
<div class="form-group col-md-8">
<p>User Name*:</p>
<input type="text" name="uname" class="form-control" ng-model="uname" ng-model-options="{ debounce: 800 }" ng-c
浏览 2提问于2016-08-11得票数 0
回答已采纳
1回答
动画在第二次单击时触发
、、、、
，我想动画这个div，所以当我点击“显示更多”按钮，高度变化取决于文本的高度。我对动画有问题，因为它只在第二次点击“显示更多”按钮时才触发。请告诉我？？。
这是html文件：
<div class="col-sm-4 ">
<div class="testimonial">
<h5>John P.</h5>
<div id="div1" class="comment-container" ng-class="{show1:
浏览 2提问于2016-11-25得票数 1
回答已采纳
我想在自定义指令中添加一个ng-change函数，但我不确定ng-change是否会进入模板或链接函数，另外，我还想使ng-change成为可选的(调用‘
将添加checkException('foobar')函数，其中省略change= & param=不会运行任何ng-change)。
function TextEditInPlaceDirective() {
return {
restrict: 'E',
scope: {
value: '='
},
浏览 2提问于2015-02-14得票数 2
回答已采纳
我使用简单的语法在ng-重复中显示隐藏元素。
<div ng-controller='MainController as vm'>
<ul>
<li ng-repeat="item in vm.items" ng-click="vm.showItem()">
{{item}}
<span ng-show="show">test</span>
</li>
</ul>
当我使用范围时，每个人都觉得很好
$scope.s
浏览 2提问于2016-11-15得票数 0
回答已采纳
7回答
页面加载调用函数
、、
我正在学习AngularJS。我有一些文章标签和点击一个按钮，每个文章页显示没有任何页面刷新。这是一个网页。我想要的是，当文章id "showSelector“被加载时，我想调用myFunction()，在这个函数中，我想显示一个警告。但警报没有显示出来。
我怎么能这么做？
<article id="showSelector" class="panel" ng-controller="CinemaCtrl" onload="myFunction()">
<header>
浏览 4提问于2014-11-28得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
