将html中的文本替换为带有angularjs的控制器中的值

我想用来自控制器的值替换html中的文本 原始文本字符串是image.name，它是图像标题 通过来自“GoToImage”控制器的单击事件，跨度应替换 image.name和newName 现在，它只添加新名称，但不替换image.name

标记：

<div data-ng-controller="GoToImage"> 
<span data-ng-model="newName">
{{image.name}}
{{newName}}
</span>
</div>

---

此外，我无法去除在触发click事件之前默认显示的{}符号

您可以尝试创建一个新属性，返回应使用的当前值

$scope.nameDisplay = image.name

然后，在代码的后面，您可以将

namesplay

属性更新为

newName

的值，并且您的UI可以绑定到

{{namesplay}

$scope.nameDisplay = image.name