Question

让我们说我的网络应用程序正在从后端获得json响应，如下所示：

[
    {id:1, description: 'this is an example 1, **value is ###**'},
    {id:2, description: 'this is an example 2, **value is ###**'},
    {id:3, description: 'this is an example 3, **value is ###**'}
]

这里有一些格式化语法。 **包围的文字表示粗体。

这部分很容易。我只需要搜索**并将其替换为<b></b>，然后在模板中使用ng-bind-html。

现在有###。这意味着我必须用一些动态变化的变量替换它。如果整个字符串是硬编码的，我们可以在模板中轻松完成此操作：

<div>this is example 1, value is {{someVariable}}</div>

如何从Javascript构建此类字符串？

Answer 1

可以使用自定义过滤器：

angular.module('myApp')
  .filter('htmlReplace', function() {
    // `input` is the description string, otherVar is `someVariable` in view
    return function(input, otherVar) {
       let html = input.replace(...// do your replacing           
       return html;
    }
  })

查看

<div ng-bind-html="obj.description | htmlReplace: someVariable"></div>

angularjs - 包含插值的JS字符串

1 个答案: