angularjs - 用angularjs控制器中的值替换html中的文本

Question

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

标记：

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

控制器：

.controller('GoToImage', function ($scope) {
      $scope.newName = {};
      $scope.newDescription = {};
      $scope.selectedIndex = 0;
      $scope.setImage = function(index) {
        $scope.selectedIndex = index;
        $scope.newName = $scope.series.images[index].name;
        $scope.newDescription = $scope.series.images[index].description;
      }
  });

此外，我无法摆脱在触发点击事件之前默认显示的 {} 标志

Answer 1

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

$scope.nameDisplay = image.name

然后稍后在您的代码中，您可以将nameDisplay属性更新为 的值，newName并且您的 UI 可以绑定到 {{nameDisplay}}.