javascript - 将 ngModel 与 contenteditable 标签一起使用-6ren

javascript - 将 ngModel 与 contenteditable 标签一起使用

转载作者：行者123 更新时间：2023-11-28 09:15:38

28

4

我想收紧带有 contenteditable=true

标签的模型

但是，看起来 ngModel 只适用于输入、文本区域或选择:

因此下面的代码不起作用

<code contenteditable="true">
  <span style="color: red;">
    Hello
  </span>
  <span style="color: blue;" ng-model="name">
  </span>
</code>

和

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

执行此操作的最佳方法是什么？我的目标是格式化(样式化)一些可编辑的输入/文本区域，但绑定(bind)到模型。

最佳答案

在野外已经有一些这样的例子，阅读和学习。每一项都各有利弊。

body style {
	display: block;
	background: #333;
	color: white;
	font: 13px/1.8 Monaco, Mono-Space;
	padding: 20px;
	white-space: pre;
}

<style scoped contenteditable>body { 
  background: green; 
}</style>

关于javascript - 将 ngModel 与 contenteditable 标签一起使用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26312879/

28

4

0