AngularJS如果没有属性值则条件显示

Question

我是 AngularJS 的新手，我想创建一个条件显示，如果我系统中的文件没有属性，它将显示 "This file has no attributes"

我的 html 目前是这样的：

<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>

Answer 1

如果上面的代码已经工作，假设你可以使用下面的代码，它只是 'nots' 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>

AngularJS如果没有属性值则条件显示

AngularJS conditional display if there are no attribute values

conditional

angularjs