ng-repeat с if-statement в Angular

Question

У меня есть сайт с огромным списком из 30 статей. До сих пор это было как 300 строк кода HTML, а с угловыми значениями теперь это похоже на 10 строк. Но некоторые из этих статей являются особенными, поэтому мне нужно быть более конкретными, что показывать. Вот HTML код:

<div id="illustratorcontent" ng-repeat="illustrator in illustrators"> 
     <article id="illustratorcontent{{illustrator.ID}}"> 
      <header> 
       <h3>{{illustrator.name}}</h3> 
      </header> 
      <div class="illustratorcontentext"> 
       <p>This work is copyrighted and owned by {{illustrator.name}}...</p> 
       <p>Details of the copyright holder: </p> 
       <ul class="listplacing"> 
        <li>Name: {{illustrator.name}}</li> 
        <li>Website: <a href="{{illustrator.website}}">{{illustrator.name}}'s website</a></li> 
        <li>Website: <a href="{{illustrator.website2url}}">{{illustrator.name}}'s {{illustrator.website2text}}</a></li> 
       </ul> 
      </div> 
     </article> 
</div> 

и IllustratorController является:

function Illustrator ($scope){ 
$scope.illustrators = [ 
    { 
     "ID" : "Ilus1", 
     "name" : "Ilus1", 
     "website" : "http://Ilus1page.com/" 
    },{ 
     "ID" : "Ilus2", 
     "name" : "Ilus2", 
     "website" : "http://Ilus2page.com/" 
    }, ... 
    { 
     "ID" : "IlusX", 
     "name" : "IlusX", 
     "website" : "http://IlusXpage.com/" 
     "website2text" : "Twitter IlusX", 
     "website2url" : "http://twitterilusx.com/" 
    } 
] 
} 

Так что мой вопрос, как я могу показать имеющуюся информацию и оставить Ли, где нет информации не дается.

Так что на этой линии:

<li>Website: <a href="{{illustrator.website2url}}">{{illustrator.name}}'s {{illustrator.website2text}}</a></li> 

как я могу сказать, что эта строка просто отображается, когда параметр объекта задан или не пусто. Я уже искал пути. Есть что-то под названием ng-if и ng-ui но это не сработало для меня. Также есть способ реализовать это с помощью классов и скрытия div. Но на самом деле я бы предпочел не генерировать их. И website2url/website2text - просто пример, есть больше значений, чем это.

Подобные вопросы, но у меня это немного более особенным Я считаю:

• angular ng-repeat with condition
• https://stackoverflow.com/questions/28334600/paginating-angular-ng-repeat-with-nested-filtering

Answer 1

Привет создать фильтр для к показать ссылку не как

<li ng-if="showSecondWebLink(illustrator)">....</li> 

создать функцию в контроллере

$scope.showSecondWebLink = function(illustrator){ 
    if(illustrator.website2url && illustrator.website2text){ 
     return true; 
    } 
    return false; 
} 

Answer 2

Просто попробуйте:

<li ng-if="illustrator.website2url && illustrator.website2text">...</li>