Question

基本上，标题说我想知道是否可能或者是否有人可以提出替代方案。我有这个div：

<div id="wrapper">
    <div style="margin: 1em">
        <h4>User Card for {{username.slice(5)}}</h4>
        <div id="canvas-holder" class="col-lg-4">
            <canvas id="chart-area" width="20%" height="20%"></canvas>
        </div>
        <div class="col-lg-8">
            Total Score: {{totalscore.toFixed(3)}}
        </div>
    </div>
</div>

在显示User Card for {{username.slice(5)}}的行中显然没有任何内容显示在{{ }}中，直到有数据为止，但在我的页面上User Card for部分仍会显示。我想知道在没有User Card的情况下只能显示{{username.slice(5)}}部分的可能性，一旦有该字段的数据，那么for会显示出来吗？有任何想法吗？

Answer 1

您应该能够在要显示的部分周围包围一个范围，例如：

<h4>User Card <span ng-show="username">for {{username.slice(5)}}</span></h4>

Answer 2

尝试在父元素上使用ng-if

<div id="wrapper">
    <div style="margin: 1em">
        <h4 ng-if="username.slice(5)">User Card for {{username.slice(5)}}</h4>
        <div id="canvas-holder" class="col-lg-4">
            <canvas id="chart-area" width="20%" height="20%"></canvas>
        </div>
        <div class="col-lg-8">
            Total Score: {{totalscore.toFixed(3)}}
        </div>
    </div>
</div>

可以显示部分线？

2 个答案: