我希望在scope选项中使用&attr，以便为外部控制器公开一个API。
这就是我目前使用的方式：
问题是，我只能在对象内传递params，这迫使函数绑定有一个特定的键(在链接示例中，test在hideDialog(test)中是因为我需要它作为调用close({'test':'Letho'})中的键)。
绑定时有什么方法可以省略键吗？这样我就可以直接使用：
<my-dialog ng-hide="dialogIsHidden" on-close="hideDialog">
Check out the co
浏览 3提问于2014-06-05得票数 0
回答已采纳
所有带有ng-hide属性的元素都是可见的，直到页面加载(并以角度隐藏它们)--在此之前，它会产生奇怪的网页外观。在jquery中，我习惯于设置style="display:none"，并在js完成时向他们展示。
我在AngularJS做错什么了吗？还是有更好的方法来解决这个问题？
非常感谢!
加载时显示所有隐藏元素的页面示例：
浏览 4提问于2015-05-26得票数 6
回答已采纳
我有4个表单，在需要的时候使用angular ng-hide和ng-show来显示每个表单。但是，当页面最初加载时，它在加载时显示所有表单，只有在加载完成时才隐藏它们。它在加载时看起来真的很糟糕。有什么办法可以防止这种情况发生吗？
浏览 1提问于2016-05-23得票数 4
3回答
我希望在html字符串中为我的元素设置ng-show或ng-hide，并将其传递给使用ng-bind查看，但是ng-show / ng-hide不工作，并且我的元素总是可见的。
这是我的控制器代码：
$scope.my = {
messageTrue: true,
messageFalse: false
};
$scope.HtmlContent = "<div ng-show='{{my.messageFalse}}'>This is incorrect (ng-show & my.messageFalse={{my.
浏览 2提问于2015-02-09得票数 4
回答已采纳
我希望用我的AngularJs应用程序为下列反模式找到一个干净的解决方案：
我有两个表单(目前位于两个不同的模板/部分中)，它们是完全相同的，但是对于ng-submit，属性，它指向不同的角度控制器方法。
第一形式
<form ng-submit="saveTraining()" method="post" class="form-horizontal">
<div ng-hide="trainingInfo.statusOK" class="alert alert-danger for
浏览 0提问于2014-02-16得票数 0
回答已采纳
2回答
我有两个嵌套的ng重复和布尔值，这将隐藏加载div，但是加载div隐藏在所有内容呈现之前。布尔依赖于一个获取所有数据的回调函数。
<tr ng-repeat="package in packages track by $index">
<td> {{ pack.Name }}</td>
<td>
<select ng-hide="package.spinStart" class="form-control" ng-model="package.selectedV
浏览 0提问于2016-11-07得票数 1
回答已采纳
我是新手，所以如果一个问题太新，我就先道歉。我正在尝试创建一个自定义指令，而且由于我已经在使用指令，在我的新指令中，我需要将一个player对象从youtube-video指令传递给我的新指令，以便在我的作用域中的函数playVideo中使用它。我想知道怎么做？我的指令是这样的：
angular.module('coop.directives')
.directive('youtubePlayer', function () {
return {
restrict: 'E',
scope: {
浏览 0提问于2016-08-16得票数 16
我很难让ng-show在我的指令模板中工作。我使用的是AngularJS 1.6.4。Chrome调试器在最终的DOM中显示了从ng-show="true"到ng-show="false"的成功更改。但是，当设置为true时，元素将保持隐藏状态。这似乎是因为AngularJS将一个ng-hide类添加到元素中的列表中，但是当ng-show更改为true时不会删除这个类。也许AngularJS在这个阶段没有进行评估？我怎样才能正确地展示/隐藏这个？
我已经尝试了很长一段时间，并且尝试了不同的方法，包括直接使用loading参数，而不是使用作用域的showspinn
浏览 3提问于2018-03-09得票数 1
回答已采纳
在AngularJs中，不提供ng-enabled指令。在框架中不提供该指令是否有适当的理由，因为当您可以使用ng-show和ng-hide来实现我们的目标时，我们同时拥有ng-hide和ng-hide。
只要检查一下ng-enabled="attribute.value === true"就不太好了
而不是ng-disabled="!(attribute.value === true)"
它将增加代码的可读性。
浏览 7提问于2015-05-22得票数 61
回答已采纳
3回答
有时我见过尖尖的括号，但有时没有。我经常搜索，但找不到正确的问题。
带卷曲支架
ng-src="{{imageSrc}}
无卷曲托架
ng-hide="imageSrc"
我想问的是为什么我们不能把ng-hide写成
ng-hide="{{imageSrc}} // doesn't work anyway
为什么src和hide有两种不同的语法
浏览 1提问于2016-07-26得票数 7
回答已采纳
2回答
if/ and语句和窗口宽度
、、、、
我是AngularJS新手，最近把它引入到我的应用程序中。我试图在控制器中重写一些现有的jQuery代码，但是，有一次，我使用：
jQuery:
if ($(window).width() < 700) {
$('.productsHeading').on('click', function() {
$(".productsBody").hide();
$(".aboutUsBody").show();
});
}
我可以在我的DIVs中使用.hide()和ng-hide=
浏览 4提问于2014-04-15得票数 7
回答已采纳
4回答
]
当我使用ng-隐藏/ng-show时，会有某种延迟，这让我非常困扰。但是，在JS Fiddle中执行类似的操作时，它工作得很好。这是
有什么原因吗？我怎么才能修好它呢？
<div ng-controller="MyCtrl">
Hello, {{name}}!
<button class="btn btn-warning" ng-show="isDisabled">HI</button>
<button class="btn btn-primary" ng-hide=
浏览 5提问于2016-12-20得票数 5
回答已采纳
我是angular的新手，我正在尝试从这个模板中创建一个自定义指令：
<img ng-hide="videoPlaying" ng-src="http://i1.ytimg.com/vi/{{ article.external_media[0].video_id }}/maxresdefault.jpg" class="cover">
<youtube-video ng-if="videoPlaying" video-url="article.external_media[0].o
浏览 3提问于2016-08-15得票数 0
我的按钮实例化在这里：
<button ng-hide="todo === 'add'" confirm-click ng-click="delete()">Delete</button>
我的指令代码在这里：
(function(app) {
app.directive('confirmClick', function(){
return {
restrict: 'A',
priority: 1,
浏览 5提问于2014-09-21得票数 2
回答已采纳
据我所知，ng-show和ng-hide都用于显示或隐藏给定的HTML元素。但是我在一次面试中被问到一个问题:如果我们有ng-hide，为什么我们需要ng-show？为什么我们应该支持ng-show而不是ng-hide，反之亦然？
我知道ng-if和ng-show/ng-hide之间的区别，但是我想知道ng-show和ng-hide之间的区别，因为这两者的功能是相同的。
浏览 0提问于2018-01-29得票数 2
回答已采纳
我想要做的是为“权限”指令“包装”ng隐藏的行为.这样我就可以做下面的事情
<a href="/" permit="false">Hide me</a>
如果我决定简单地从dom中“删除”元素，那么一切都很好；但是，如果我尝试添加ng-隐藏，然后重新编译元素。不幸的是，这会导致无限循环。
angular.module('my.permissions', []).
directive 'permit', ($compile) ->
priority: 1500
terminal: t
浏览 1提问于2014-09-24得票数 0
回答已采纳
2回答
在我正在构建的网页中，我使用AngularJS ng-hide显示一个元素(基本上是一个按钮)。但是它实际上只是简单地向该元素添加了一个类ng-hide。
因此，任何人都可以使用开发工具并删除类ng-hide，该按钮将是可见的。我知道，使用jQuery，我可以完全remove来自remove的元素，但是有办法在角度上做到这一点吗？
在看起来像这样之前：
<button ng-hide="hide">Button</button>
藏起来之后，看起来就像：
<button class="ng-hide">Button</B
浏览 2提问于2015-05-07得票数 2
回答已采纳
我正在阅读开发人员指南中关于angularjs.org的指令部分，以更新我的知识并获得一些洞察力，并且我试图运行其中一个示例，但ng指令并不适用于自定义指令。
在这里，jsfiddle：
<my-dialog ng-hide="dialogIsHidden" on-close="hideDialog()">
Does Not Work Here!!!
</my-dialog>
<div ng-hide="dialogIsHidden">
It works Here.
</div>
浏览 3提问于2013-11-08得票数 9
回答已采纳
我目前正在为我的应用程序使用DOM更改指令。我希望在元素中有一个按钮来隐藏状态变化。
HTML：
<div account layout="row" layout align="start center">
<md-button id="accountIcon" class="md-icon-button">
<md-icon aria-label="account" layout-align="center center">
浏览 2提问于2017-03-24得票数 0
回答已采纳
4回答
我正在建立一个指令，以卡片的形式。当我加载卡模板，我想确保卡是隐藏的，如果用户以前隐藏了卡。我可以通过request.hide属性来跟踪它。
这是我的指令(基本原理)：
app.directive('request', ['$http', '$timeout', function($http, $timeout) {
return {
replace: true,
templateUrl: '/assets/request.html',
transclude: false,
浏览 7提问于2016-03-07得票数 2
回答已采纳
我目前正在使用这个库：
它工作得很好，但如果它开始隐藏，它就不会工作得很好。但我需要它从隐蔽开始。我有一个id为"div_swiper“的div，它包含了swiper。最初有"ng-hide“类，如果我执行这个类，没有这个类，如果它工作得很好。就像我说的，我需要这个div开始隐藏。
我如何才能让它从隐藏和正常工作开始？
<div id="div_swiper" class='ng-hide'>
<swiper>
<slides>
<slide>Lor
浏览 2提问于2017-04-27得票数 0
我的新指令遇到了一个问题。当单击ng-click时，变量不会被实现。我在这里找到了一些答案，但它们都调用了一个方法。我只是在改变两个变量的值，当有点击的时候。
指令：
pmcApp.directive('sorting', function() {
return {
restrict : 'AECM',
templateUrl : 'partials/directives/sorting.html',
replace : true,
scope : {
浏览 3提问于2018-03-29得票数 1
我试图从控制器呈现html内容，但是angular指令ng-hide不起作用，我尝试了以下代码，以这种方式绑定为html有问题吗？
var htmlContent = "<Div class='vzone' ng-hide='true' id='parent_" + ViewerZones[CurrentIndex].Id + "'...'></div>";
$scope.PageContent = $sce.trustAsHtml(htmlContent)
浏览 0提问于2014-11-18得票数 0
3回答
我有一个表，它基于字段值之一对行进行分组。这个小组正在运作。我正在使用ng-hide进行扩展和折叠。默认情况下，我希望第一个组被展开，其他组崩溃。我使用了一个标志变量，比如ng-hide="flag"。
此标志导致所有组展开或折叠。
我可以在运行时有条件地设置此标志吗？ng-hide是基于运行时动态工作的。我尝试过添加一个javascript函数，并在ng-hide="funct()“中调用它，但是没有工作。
<tbody ng-repeat="group in $groups" class="ng-cloak" >
浏览 5提问于2014-03-21得票数 0
回答已采纳
1回答
我正在尝试实现一个语句，它将隐藏hello世界。我尝试过将表达式添加到类型记录中的函数中，但它仍然无法隐藏它。
<div ng-hide="textformField.DefaultValueQuery == null && textformField.PlaceHolderQuery == null"> Hello World
</div>
浏览 3提问于2022-07-22得票数 1
回答已采纳
1回答
我只是编写了这个简单的指令，以便在远程操作时显示按钮上的旋转器：。
html：
<!DOCTYPE html>
<html ng-app="app">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script src="https://ajax.googleap
浏览 2提问于2015-12-13得票数 0
回答已采纳
1回答
我在网页上有第一个div标签。它包含一些角度范围变量。我想用第二个div标签来代替它，当发生一些事情时，它也包含一些其他的角度范围变量。
我试过的第一种方法是使用"ng-show“。我在html中添加了第一个和第二个div，并通过使用ng-show和ng-hide将第一个div标记设置为可见，第二个则设置为不可见。
<div ng-show="showFirstDiv">
</div>
<div ng-hide="showFirstDiv">
</div>
当我在相关控制器中将$scope.showF
浏览 1提问于2015-01-20得票数 1
回答已采纳
1回答
我试图在指令中更新用户看到的内容和我的$scope.project变量中包含的内容，但遇到了严重的问题。起初，我可以更新视图，但模型不会更新。现在，我可以更新模型，但视图不会更新。
如果我在更改模型后尝试调用scope.$apply();，我会得到一个错误，即摘要/应用已经在运行，并且我得到的输出是通常在ng-repeat中看到的两倍，但类实际上被添加到视图中(仅在复制的部分上)，并更改了它的颜色。如果这个不清楚，我可以上传截图。
下面是指令：
.directive('colorByChange', function(){
return {
scope:
浏览 0提问于2015-10-30得票数 1
我正在使用Angular Bootstrap UI来显示选项卡集。我包含的脚本是ui-bootstrap-tpls-0.6.0.min.js和一些模板html文件。
这是我的标记：
<tabset>
<tab ng-hide="!hideme">
<tab-heading>
tab1
</tab-heading>
<div>
tab content 1
</div>
</ta
浏览 0提问于2013-09-28得票数 9
回答已采纳
5回答
我是第一次接触angularjs。当我单击"Click Me“时，将调用toggle方法。test的值从false更改为true，但ng-hide不承认test的新值。
<div ng-app="myApp" ng-controller="myCtrl">
<table>
<tr>
<td><span ng-hide="{{test}}">Testing</**strong text**td>
<td><span>hello</
浏览 4提问于2016-12-29得票数 2
1回答
我的桌子看起来像这样，有不止一个人：
<tbody>
<tr class='group-header' ng-click="collapseDetail($event)"> ... </tr>
<tr class='detail' ng-hide="groupIsCollapsed()">...</tr>
<tr class='group-footer'> ... </tr>
浏览 4提问于2014-09-19得票数 1
回答已采纳
2回答
我使用的角度ui-选择选择主题。我想禁用搜索，但想要显示地点持有人文本，以便用户知道这个选择字段是什么用途。我试着修改selectize/medi.tpl.html
<div ng-hide=\"($select.open || $select.isEmpty())\" class=\"ui-select-match\" ng-transclude=\"\">{{$select.placeholder}}</div>
但这总是让人觉得
<div ng-hide="($select.open || $selec
浏览 0提问于2015-03-31得票数 0
回答已采纳
我有一个路由器：
.config(['$routeProvider',function($routeProvider) {
$routeProvider
.when('/allbooks', {
templateUrl: 'find/showAllMy.html',
controller: 'controlador'
}).when('/mybooks', {
templateUrl: 'find/showAllMy.html&
浏览 0提问于2016-07-19得票数 0
回答已采纳
当我尝试自动显示/隐藏时，我发现如果我在属性值表达式中使用{{}}，DOM初始状态是正确的，但当我更新模型时，view还没有更新，即使属性值正确地更新为"false“，"ng-hide”类也没有添加到DOM中。错误的DOM如下所示：
<p class="grey-text" ng-show="false">no data</p>
但如果我不使用{{}}，类可以正确更新。
浏览 0提问于2016-01-12得票数 3
是否可以使用ng-hide指令隐藏选择框选项？
<div ng-app ng-controller="Controller">
<select ng-model="myDropDown">
<option value="one">One</option>
<option value="two" ng-hide="myDropDown=='one'">Two</option>
浏览 2提问于2013-09-10得票数 11
回答已采纳
1回答
根耳角皮挠性滑块
、、
所以，我想ng-hide一个div，它在root上有flexslider。问题是，在转到另一条路径后，images将不会加载。
我的index.html看起来像：
<ul>
<li><a href="#/">Root</a></li> <!-- don't show slider -->
<li><a href="#/first">First</a></li> <!-- show slider
浏览 1提问于2014-12-16得票数 2
1回答
对于下面的场景，我一直在为我的方法而奋斗。我有一个自定义指令authorize，其中传递一个组的名称。如果当前用户的配置文件中有这个组，那么元素将是可见的，如果不是，元素将被隐藏。示例：
<button class="btn btn-default" role="button"
ng-click="myVm.edit()"
authorize="{{myVm.groupName}}"><!--groupName = "accountants"-->
&
浏览 4提问于2016-11-04得票数 0
回答已采纳
我已经经历了很多像这样的问题，但是得到了这个唯一的解决方案，默认情况下，ng-show隐藏元素并显示它是否条件为真；另一方面，在默认情况下，ng-hide显示元素，并在条件为true时隐藏它。
但我担心的是，只有当我们使用不同的东西时，ng-show或ng-hide才能解决这个问题。
，例如
我在代码中看到这个用户同时使用ng-show和ng-hide
<div ng-init="isShow = 'one'">
<a href="#" ng-click="isShow == 'one' ? is
浏览 1提问于2016-08-22得票数 4
回答已采纳
使用带有ng模式的表单输入指令。它在指令上的ID是字符串时工作(即显示错误)，但当ID是表达式时失败(即从不显示错误)。伪码：
works
<form name="myForm" role="form" ng-submit="customer.submit()">
<form-input id="foo" ng-pattern="/^[0-9]+$/"></form-input>
</form>
<span ng-show="myForm.foo.$
浏览 4提问于2015-01-16得票数 0
我在桌子上创建一个过滤器。在这里，代码：
<table id="tableText" class="table table-hover table-striped" ng-init="allNews()">
<tr>
<td colspan="5">
<input type="text" placeholder="Ricerca testo" class="form-control" ng-model="inp
浏览 2提问于2016-10-05得票数 0
回答已采纳
我目前正在学习AngularJS技术，我有一个问题。
我创建了一个HTML (复制自我正在研究这项技术的CodeProject站点)，它基本上显示了一本书的细节(ISBN、Price等)。您可以参考下面的代码片段：
<tr ng-repeat="item in items">
<td>{{item.ISBN}}</td>
<td>
<span ng-h
浏览 0提问于2016-07-28得票数 1
回答已采纳
1回答
我有一个问题，让ng显示(或ng-隐藏)工作的自定义指令。它在正常的HTML元素上工作得很好。
我提出了一个非常简单的例子，说明了这个问题：
<div ng-app="appMod">
<div ng-controller="Ctrl3">
<button>First</button>
<button ng-hide="NoSecond">Second</button>
<mybutton ng-hide="NoSeco
浏览 1提问于2014-04-30得票数 1
回答已采纳
我用的是角11。不知怎么的，我不能让这个div消失:我的简单HTML：
<div ng-hide="true">Test</div>
结果->文本测试仍然出现在我的页面上。
浏览 8提问于2021-07-19得票数 0
回答已采纳
1回答
我有一个按钮和按钮脚本代码：
<a ng-hide="custom" href="#" tooltip-placement="bottom" tooltip="Zoom in" onclick="ga('send','event','Navigation Tool','Navigation Tool','Zoom in')" class="onezoomin" ng-click="navSelected(&
浏览 1提问于2015-10-26得票数 0
回答已采纳
我是否可以拥有多个用于$scope的阵列？
我有一个包含子作用域的div列表，这些子作用域是从ng-repeat中的父作用域生成的。如何才能使作用域变量单独唯一？
我在另一个ng-repeat中生成了一个ng-repeat列表。
<div ng-repeat="" ng-init="hide=true" ng-click="hide=!hide">
<div ng-hide="hide" ng-init="childhide=true" ng-click="childhide=!
浏览 0提问于2015-05-21得票数 0
单元模板中的角指令ng-隐藏不与网格数据变化的最新数据绑定。请查看柱塞以获取更多详细信息:柱塞模板字段中的- 不随数据的更改而更新。
var app = angular.module('app', ['ngTouch', 'ui.grid']);
app.controller('MainCtrl', function ($scope, $timeout) {
$scope.gridOpts = {
columnDefs: [
{ name:'name', f
浏览 2提问于2015-06-21得票数 0
回答已采纳
我是angular的新手，有一个问题是关于一个在消失之前会在页面上短暂呈现的元素。我想要停止这种行为，但我不确定该怎么做。 我有一个单选按钮，其中ng-model="Download“和ng-value="3”。然后是一个div表单，它的ng-hide="Download !=3“。这实际上意味着，除非有人单击单选按钮，否则表单将保持隐藏状态。但是，它看起来好像是先呈现表单，然后再应用ng-hide逻辑。 有没有什么办法让这个表单保持隐藏状态，除非单选按钮被选中，而不是瞬间呈现？
浏览 7提问于2021-08-12得票数 0
我知道ng-show和ng-hide之间的区别，但我在一次采访中被问到一个问题，如果我们有ng-show，为什么我们需要ng-hide，因为我们知道，两者都根据它们的值显示或隐藏给定的HTML元素，这些值可以是真的，也可以是假的。我们喜欢ng-show而不是ng-hide的原因是什么?反之亦然？
浏览 12提问于2017-07-28得票数 2
我想在REST AngularJS $http.get()调用之后动态显示$http.get()响应数据。答案很好，插入的数据绑定{{showOrderStateTrigger}}和{{orderDetails}}只是为了测试目的，在调用显示true和预期的内容之后。但是ng-show和ng-hide没有意识到他们的状况发生了变化。我创建ng-show和ng-hide用例只是为了测试两种方法。检查变量undefined或布尔变量状态。我试过$scope.$apply()电话，但这只会使事情变得更糟。嵌套调用导致异常。有人能帮我解决这个问题吗？
<script type=&
浏览 1提问于2018-05-26得票数 0
回答已采纳
在本例中：
<div ng-hide="hideMe">
<my-directive></my-directive>
</div>
我希望控制器中的代码用于myDirective，而不是在hideMe === true时运行。
是否有一种方法可以做到这一点，而不是将控制器的所有代码包装在if (!hideMe === true)语句中？
浏览 1提问于2016-12-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
