Blog

Blog

PHODAL

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
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Engineer, Consultant, Writer, Designer

ThoughtWorks 技术专家

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 最新技术分享

标签