angular js notes

匹配关键字

原来的keywords "beageek begeek javascript anywhere anywherecss"

替换后的keywords


keywords: [
"beageek",
"begeek",
"javascript",
"anywhere",
"anywherecss"
],
代码:

    (row.keywords_string+" ").match(/\w+/g)

Multi ng-repeat

<div class="posts" ng-repeat="post in posts">
                         <a class="post-category" ng-class="randomcolors()" href="#" ng-repeat="keyword in post.keywords track by $index">{{keyword}}</a>
                </header>
                <div class="post-description">
                    <p>{{post.description}}</p>
                </div>
</div>

多个ng-repeat

随机色彩


$scope.randomcolors = function() {
        return ["post-category-design","post-category-pure","post-category-yui","post-category-js"][Math.round(Math.random() * 3)];
      };

后面是生成随机数,前面是css列表,对应的html

<a class="post-category" ng-class="randomcolors()" href="#" ng-repeat="keyword in post.keywords track by $index">{{keyword}}</a>

或许您还需要下面的文章:

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806