AngularJS选择框标签过滤器

时间:2016-07-30 21:10:28

标签: javascript angularjs filter frontend

我正在按标签对博客类别进行排序,但遇到了一些麻烦。

这是我的标记:

            <div class="filter_contain">
            <input type="text" ng-model="search" placeholder="Search Articles..." />
            <select name="tag-filter" ng-model="query">
                <option value="">All Tags</option>
                <option ng-show="(d.header.taxonomy.tag).length > 0" ng-repeat="d in blogData | unique: 'header.taxonomy.tag'" value="{[{d.header.taxonomy.tag}]}">
                    {[{d.header.taxonomy.tag.join('')}]}
                </option>
            </select>
        </div>
        <section class="blog_grid_contain">
            <!--begin blog_item-->
            <div class="blog_item" ng-repeat="d in blogData | toArray:false | filter:query" ng-show="([d.header.title, d.content] | filter:filterBySearch).length > 0">
                <div class="top_img">
                    <img src="http://lorempixel.com/400/200" />
                </div>
                <div class="item_text">
                    <h3>{[{d.header.title}]}</h3>
                    <p>{[{d.content.trunc(100)}]}</p>
                    <a ng-href="insights/{[{d.header.title | slugify}]}">Read Article</a>
                    <p class="tag">{[{d.header.taxonomy.tag}]}</p>
                </div>
            </div><!--end blog_item-->

all tags选项似乎工作正常,但其余选择选项使所有博客帖子都从DOM中消失。我对AngularJS很新,非常感谢任何帮助!

(在旁注上我使用的是TWIG因此不寻常的{[{}]})

0 个答案:

没有答案