Reputation: 269
I'm fairly new to AngularJS and I'm wanting to create a conditional display for if a file in my system has no attributes it will display "This file has no attributes"
My html is currently this:
<div>
<br />
<ul class="list-unstyled">
<li ng-repeat="fileInfo in fileResources">
<div class="panel panel-default">
<div class="panel-heading">
<span class="label label-default">{{fileInfo.DocType}}</span>
<span class="panel-title">{{fileInfo.Name}}</span>
</div>
<div class="panel-body">
<div class="panel panel-info" ng-if="fileInfo.fileAttributes">
<div class="panel-heading">file Attributes</div>
<div class="panel-body">
<ac-file-attributes
file-attributes="fileInfo.fileAttributes"
display-options="displayOptions">
</ac-file-attributes>
</div>
</div>
<div class="panel panel-info" ng-if="fileInfo.PhysicalProperties" >
<div class="panel-heading">Physical Properties</div>
<div class="panel-body">
<ac-physical-properties
phys-props="fileInfo.PhysicalProperties"
display-options="displayOptions">
</ac-physical-properties>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
Upvotes: 0
Views: 80
Reputation: 279
if the above code already works, presumable you could use the following, which simply 'nots' the fileInfo.fileAttributes
<div class="panel panel-info" ng-if="!fileInfo.fileAttributes">
<div class="panel-heading">file Attributes</div>
<div class="panel-body">
<ac-file-attributes
file-attributes="fileInfo.fileAttributes"
display-options="displayOptions">
</ac-file-attributes>
</div>
Upvotes: 1