Question

我正在使用Angular，我正在尝试使用/设置innerHTML作为div的文本作为另一个div的值。代码有点像这样：

<div>
    <div>
        <div #instr class="instructions" innerHTML="{{ 'somtext' | translate }}"></div>              
    </div>
    <div class="xxx">
        <clipboard [value]="instructions.innerHTML"></clipboard>          
    </div>                                 
</div>

问题是如果我使用instructions.innerHTML，它会打印所有的html标签等。我希望该值包含第一个div中出现的文本，而不是标签

我怎样才能做到这一点？

Answer 1

如果您希望使用与div中显示的相同样式和结构进行渲染，则需要在剪贴板组件中使用[innerHTML]="value"显示它，无法从组件外部执行此操作

Answer 2

您可以使用innerText获取div的文字内容，如this stackblitz所示：

<clipboard [value]="instr.innerText"></clipboard>

Answer 3

也许你错误地引用了一个变量。什么是指令：

<clipboard [value]="instructions.innerHTML"></clipboard>

也许你需要写 instr ：

<clipboard [value]="instr.innerHTML"></clipboard>

https://plnkr.co/edit/YOCm4koIDf9TeZMy7Wp6?p=preview

Angular检索/设置div的innerHTML的值作为另一个div中的值

3 个答案: