找到子字符串并替换为另一个html/angularJS

嗨，我有一个这样的物体：

{
    "Properties": [
      "Name: Steven",
      "Country: Australia"
    ]
}

<div>{{ object.Properties }}</div>

<div ng-repeat="property in object.Properties">{{ property }}<br></div>

我从我们的后端用这个字符串获取这个对象。现在我必须用html在弹出窗口中显示它。我是这样做的：

{
    "Properties": [
      "Name: Steven",
      "Country: Australia"
    ]
}

<div>{{ object.Properties }}</div>

<div ng-repeat="property in object.Properties">{{ property }}<br></div>

{{object.Properties}

它可以工作，我在弹出窗口中获得以下格式的字符串：姓名：史蒂文，国家：澳大利亚

目标是，我得到以下格式（没有逗号，每个项目后面都有一个刹车，可能还有一条水平实线）：

姓名：史蒂文

国家：澳大利亚

我试过这样重复一次：

{
    "Properties": [
      "Name: Steven",
      "Country: Australia"
    ]
}

<div>{{ object.Properties }}</div>

<div ng-repeat="property in object.Properties">{{ property }}<br></div>

{{property}}

它不起作用。现在我试图在字符串中找到逗号，并用br标记替换它。这样行吗？我不知道如何做到这一点，如果可能的话，所以我选择在这里提问

---

谢谢

您遇到的问题是，

属性

不是哈希表，尽管字符串中的

：

字符使它看起来像是哈希表。相反，它只是一个字符串数组

请尝试以下方法：

angular
.模块（“演示”、[]）
.控制器（“演示”，功能（$scope）{
$scope.object={
“财产”：[
“姓名：史蒂文”，
“国家：澳大利亚”
]
};
});

{{prop.split（“：”[0]}}：
{{prop.split（“：”[1]}