どのように私のHTML

Question

NGリピートでseparted値にカンマ区切りの文字列を作る：

<div class="jobDiv" data-dir-paginate="item in data.allJobs|filter:categoryFilterFn|orderBy:'item.PublishDate':true| itemsPerPage:10"> 
    <h3> 
     <a href="{{item.JobID}}">{{item.JobTitle}}</a> 
     <span class="pull-right label label-primary" style="margin-top:20px;"> 
      <b>Budget:</b> {{item.Budget | currency}} 
     </span> 
    </h3> 
    <b>Deadline: </b><span>{{item.Deadline|date:'mediumDate'}}</span><br /><br /> 
    <div class="lead">{{item.JobDetails|cut:true:125}}</div> 

    @*<b>Skills: </b> <label class="label label-default" style="margin-right:3px; padding:3px 10px;" ng-repeat="ss in item.SkillNames">{{ss.SkillNames}}</label>*@ 
    Skills: <label class="label label-success" style="background-color:blue; padding:10px 18px;">{{item.SkillNames}}</label> 
</div> 

は今item.SkillNamesのために、私は値がちょうどのように取得する：それを行うことができますどのようPHP、ASP、Javaの をPHP ASPのJava ように私が働いていない、このバリを試してみました：

<b>Skills: </b> <label class="label label-default" style="margin-right:3px; padding:3px 10px;" ng-repeat="ss in item.SkillNames">{{ss.SkillNames}}</label> 

私は以下のように取得したい：

Answer 1

サーバーからコンマ区切りのリストではなく、スキル名の配列を返すことをお勧めします。この配列はng-repeatで使用できます。

もしあなたがそれを行うことができず、あなたの現在のデータ構造で動作させたいなら、コンマで区切られたスキル名のリストを持つ単一の文字列でstring.splitメソッドを呼び出すことができます。 splitメソッドは配列を返し、あなたはこの

<span style="background-color:gray; padding: 4px; margin-right: 4px;" 
       ng-repeat="skillName in item.SkillNames.split(',')">{{skillName}}</span> 

ます。また、CSSクラスへのあなたのインラインCSSを移動することを検討し、容易なメンテナンスのためにそれを使用し、使いやすさを再かもしれ

（などと同様ng-repeat

でこの配列を使用することができます