Tag: ng show

为什么这个简单的AngularJS ng-show不工作？: 我无法弄清楚为什么我的简单的AngularJS应用程序不按预期工作。 “Loading …”应该是隐藏的，“完成！” 应在1秒后显示。 HTML： <div ng-app> <div ng-controller="TestCtrl"> <div class="text-center" ng-show="loading"> <h1>Loading…</h1> </div> <div class="text-center" ng-show="!loading"> <h1>Done!</h1> </div> </div> </div> 使用Javascript： function TestCtrl($scope) { $scope.loading = true; setTimeout(function () { $scope.loading = false; }, 1000); }

ng-show =“true”但仍然有class =“ng-hide”: 我是AngularJS的新手，所以可能会有一个简单的解决scheme来解决我的问题。我一直在做这个表格。我有两个input – 一个是门的数量，一个是窗口的数量。然后，我有几个div，如果他们遇到一定数量的总门窗，我想表明。当我input数字时，ng-showparsing为“true”。但是这个元素仍然有一个“隐藏”的类，它仍然隐藏起来。以下是我的代码示例： <body ng-app> Doors: <input type="number" ng-model="doors"><br> Windows: <input type="number" ng-model="windows"><br> <div ng-show="{{(doors + windows) < 6}}"> Shows if you have 0-5 doors and windows combined. </div> <div ng-show="{{(doors + windows) > 5 && (doors + windows) < 11}}"> Shows if you have 6-10 doors and windows […]

如何根据布尔值在AngularJS中切换ng显示？: 我有一个表单，用于回复只有在isReplyFormOpen为true时才显示的消息，每次单击回复button时，我都要切换是否显示表单。我怎样才能做到这一点？

AngularJS集团指令没有外部依赖: 我是Angular的新手，想要学习处理问题的最佳方法。我的目标是有一个可重用的手段来创build组头。我创build了一个解决scheme，但我认为这应该是一个指令，而不是在我的控制器范围function，但我不知道如何做到这一点，或者如果指令是正确的路要走。任何投入将不胜感激。看看我目前的做法在jsFiddle上工作在HTML中，这是一个使用ng-repeat的简单列表，我在ng-show上调用了我的newGrouping（）函数。该函数将一个引用传递给完整列表，我想要分组的字段以及当前索引。 <div ng-app> <div ng-controller='TestGroupingCtlr'> <div ng-repeat='item in MyList'> <div ng-show="newGrouping($parent.MyList, 'GroupByFieldName', $index);"> <h2>{{item.GroupByFieldName}}</h2> </div> {{item.whatever}} </div> </div> </div> 在我的控制器中，我有我的newGrouping（）函数，只是比较当前和前一个，除了第一个项目，并返回true或false取决于匹配。 function TestGroupingCtlr($scope) { $scope.MyList = [ {GroupByFieldName:'Group 1', whatever:'abc'}, {GroupByFieldName:'Group 1', whatever:'def'}, {GroupByFieldName:'Group 2', whatever:'ghi'}, {GroupByFieldName:'Group 2', whatever:'jkl'}, {GroupByFieldName:'Group 2', whatever:'mno'} ]; $scope.newGrouping = function(group_list, group_by, index) { if […]

AngularJS：ng-show / ng-hide: 我试图用AngularJS提供的ng-show和ng-hide函数显示/隐藏一些HTML。根据文件，这些function的相应用法如下： ngHide – {expression} – 如果expression式真的那么元素将分别显示或隐藏。 ngShow – {expression式} – 如果expression式为真，则分别显示或隐藏该元素。这适用于下面的用例： <p ng-hide="true">I'm hidden</p> <p ng-show="true">I'm shown</p> 但是，如果我们使用一个对象的参数作为expression式，那么ng-hide和ng-show被赋予正确的true / false值，但是这些值不会被视为布尔值，所以总是返回false ：资源 <p ng-hide="{{foo.bar}}">I could be shown, or I could be hidden</p> <p ng-show="{{foo.bar}}">I could be shown, or I could be hidden</p> 结果 <p ng-hide="true">I should be hidden but I'm actually shown</p> <p […]