如何在多行中使用Angular 4 + BootStrap徽章？

Question

如何将Angular 4 + BootStrap徽章用于多行？

我的HTML：

        for file in files: #loops through uploads array more specifically each FileField (upload, upload2, upload3, etc)
            # if not len(request.files[file]) == 0:
            if file not in files:
                filename = str(upload[0] + '_' + file.filename).replace(' ', '')
                section_urls.append(current_app.config['NEVCODOCS_BASE_URL'] + folder + filename)
                path = "ServiceRegistration/" + folder + filename
                s3.Bucket('nevcodocs').put_object(Key=path, Body=file)

我尝试：

<span [hidden]="docker.code==0" class="badge badge-danger">{{docker.console}}</span> 或line1\nline2

我再次尝试：

line1<br/>nline2

Answer 1

我找到了解决方法：

<span [hidden]="docker.code==0" class="badge badge-danger"><div [innerHTML]="docker.console"></div></span>