过滤掉孩子后,如何阻止父母显示?

德鲁怀亚特

这是我的中继器:

<div ng-controller="EventController">
    <div class="input-group" id="search">
        <label>Search:</label><input type="text" id="searchField" class="form-control" ng-model="search" /><br />
        <select id="searchByDate" class="form-control" ng-model="dateFilter">
            <option value="">Filter by Month</option>
            @{
                foreach (DateTime month in ViewBag.Months)
                {
                    <option value="@month.ToString("yyyy-MM")">@month.ToString("MMMM yyyy")</option>
                }
            }
        </select>
    </div>
    <div class="row" style="margin: 0; padding: 0" ng-repeat="DateBegin in events|groupBy:'DateBegin'|filter: dateFilter"><br />
        <h2 style="padding: 0" margin: 0;>{{ DateBegin | date:'medium' }}</h2><br />
        <div class="row tableCell" ng-repeat="event in events | filter: { DateBegin: DateBegin } | filter: search">
            <a href="/EventDetails/{{ event.ID }}"><h1>{{ event.Name }}</h1></a>
            <p>{{ event.Description }}</p>
            <ul>
                <li>Time Begin: {{ event.TimeBegin }}</li>
                <li>Duration: {{ event.Duration }}</li>
            </ul>
        </div>
    </div>
</div>

<script type="text/javascript">
    var myApp = angular.module('myApp', []);
    function EventController($scope, $http) {
        $http({
            method: 'GET',
            url: '//localhost:60009/api/event'
        })
        .success(function (data) {
            $scope.events = data;
        })
        .error(function (data) {
        });
    }

    var uniqueDates = function (data, key) {
        var result = [];
        for (var i = 0; i < data.length; i++) {
            var value = data[i][key];
            if (result.indexOf(value) == -1) {
                result.push(value);
            }
        }
        return result;
    };

    myApp.filter('groupBy',
            function () {
                return function (collection, key) {
                    if (collection === null) return;
                    return uniqueDates(collection, key);
                };
            });
</script>

完全符合我的期望,减去了一些格式化。事件按日期分组,日期选择器可以过滤月份,搜索框可以过滤事件详细信息。这是我唯一的问题:

过滤之前(看起来不错):

在此处输入图片说明

过滤后(空日期仍然出现-在这张照片中,我希望5月23日消失):

在此处输入图片说明

我该怎么做才能摆脱空日期?我可以添加到过滤器中吗?

达洛佐

在这种情况下,我可能会尝试进行类似的工作,ng-if="value !== EmptyValue"而不是制作并努力过滤“无效数据”。

ng-ifoverng-hide或or的优点之一ng-show是,它完全删除了元素,因此该额外的html不保留在页面上。

或者,您可以对数据应用第二个过滤器,例如:

DateBegin in (events |filter:emptyEvents) |filter: dateFilter

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jquery过滤掉x类的孩子

来自分类Dev

如何过滤掉休眠日志条目

来自分类Dev

Rust:如何过滤掉“无”排放?

来自分类Dev

如何从项目列表中过滤掉

来自分类Dev

如何过滤掉休眠日志条目

来自分类Dev

使用AngularJs,当孩子的子集合中的数据被过滤掉时,如何隐藏一个元素?

来自分类Dev

如果单击链接,此PHP代码应如何过滤掉显示的SQL行?

来自分类Dev

MySQL:如何过滤掉不包含特定值的组?

来自分类Dev

如何使用DataTables过滤掉特定行

来自分类Dev

如何从数组中过滤掉非日语字符?

来自分类Dev

如何从计数不同的查询中过滤掉

来自分类Dev

如何简化过滤掉无效字符的代码

来自分类Dev

如何从“好” URL过滤掉“坏” URL?(在Google眼中)

来自分类Dev

如何使用grep或sed过滤掉html中的链接?

来自分类Dev

ReviewBoard:如何过滤掉标记为Ship It的评论?

来自分类Dev

如何通过Python从CSV过滤掉特定数据?

来自分类Dev

如何过滤掉非常嘈杂的边缘检测圆的点?

来自分类Dev

如何使用jQuery根据数组过滤掉结果

来自分类Dev

Ember CLI Mirage:如何过滤掉返回值?

来自分类Dev

如何从JS数组中过滤掉重复元素?

来自分类Dev

如何过滤掉与搜索结果不匹配的“项目”?

来自分类Dev

如何仅过滤掉最后一个排名?

来自分类Dev

多选时如何过滤掉重复的列(SQL Server)

来自分类Dev

如何根据版本过滤掉 Java 方法?

来自分类Dev

过滤掉保留字?

来自分类Dev

点击过滤掉元素

来自分类Dev

过滤掉保留字?

来自分类Dev

过滤掉停用词

来自分类Dev

如何使用dplyr过滤掉忽略小数点后数字的字符串列表

Related 相关文章

热门标签

归档