我有一個網站,其中有30個條目。到現在爲止,這就像300行HTML代碼和angularjs,現在它像10行。但其中一些文章很特殊,所以我需要更具體地展示什麼。下面是HTML代碼:ng-repeat在if語句中的角度
<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
你能解釋一下NG-如果你沒有工作? – JMK
ng-show或ng-if – sambomartin
你可以在jsfiddle中添加代碼 – Mitul