angularjs - 无法在字符串上创建属性 'type' - 单选按钮过滤器

Question

如果我像这样在 Angular 中定义单选按钮过滤器:

<input type="radio" ng-model="filter.type" value="rose"  class="type-filter"> Rose<br>
<input type="radio" ng-model="filter.type" value="tomato"  class="type-filter"> Tomato<br>

显示数据的 ng-repeat 是:

<div ng-repeat="node in allnodesFiltered | filter:{ plantArray: filter.type}" class="row product-item">
{{node.title}}

过滤效果很好。但是，如果我尝试像这样在过滤器中使用 ng-repeat:

<div ng-repeat="plant in plantFilters">
    <input type="radio" ng-model="filter.type" ng-value="filter"  class="type-filter"> Grass
          {{plant}}
    </div> 

我得到错误:

TypeError: Cannot create property 'type' on string 'rose'
at fn.assign (eval at <anonymous>

这里是 json 数组中的一个项目的例子:

title: "Euismod Lucidus Oppeto Probo",
body: "Abico adipiscing facilisi nunc singularis sudo. Antehabeo humo     melior neo obruo ulciscor voco. Aliquam commoveo ea mauris nutus os saepius zelus. Brevitas dolus uxor. Ad cogo decet nobis nutus obruo olim turpis venio virtus. Damnum dignissim lobortis meus mos plaga. Eros iriure loquor macto natu paulatim vel. Consequat humo jus nulla. Abico conventio ibidem si tum typicus uxor volutpat. Diam nutus uxor ymo. Abluo caecus imputo loquor lucidus macto nibh obruo usitas.",
Path: "public://product-images/imagefield_THXgQg.jpg",
productType: "Compost, Weedkiller",
plant: "Rose, Tomato"

Answer 1

错误本身是说您正在尝试在字符串上创建一个属性。在您的情况下，如果数组是“JSON 对象数组”(不是 json 文本)，ng-repeat 将按您想要的方式工作。当您为 ng-repeat 准备数组时，您是将 json 对象插入数组而不是 json 文本。

var jsonObject = JSON.parse(text);