angular.js - The output content of ng-bind-html contains <input> and can be input. How can I prevent input of <input>?

Question

The rich text box uses text-angular, and the display uses ng-bind-html output

When editing, I copied a section of the page content into it. Because it is a form, I also copied the input box into it,

When displayed, you can still edit in the input box:

Solution requires that the input box can be copied in when editing, but no further input can be made in the input box during display.

Answer 1

After the content is loaded, find the element that needs to be restricted and add the readonly or disabled attribute.

Answer 2

Input has a readonly attribute

<input type="text" readonly="readonly" /> 

That’s good