javascript - 在 Angular 中，使用 ng-repeat 生成动态 html 内容

Question

我的问题是关于生成ng-repeat包含ng-model存储在数组中的多个实例的动态 html 内容。

但我收到{{in的语法错误ng-model。

有可能吗？

<div class="col-xs-12 col-md-12 col-sm-12 col-lg-12" ng-repeat="(key, antecedente) in antecedentes" >    
    <div class="form-group">
    <label class="col-md-3">{{antecedente.name}}</label>
        <div class="col-md-1"> Si&nbsp;<input ng-model="historia.antecedentes[{{key}}].seleccionado" type="radio" value="S"></div>
        <div class="col-md-1"> No&nbsp;<input ng-model="historia.antecedentes[{{key}}].seleccionado" type="radio" value="N"></div>
        <div class="col-md-2">Observaciones </div>
        <div class="col-md-5"><input ng-model="historia.antecedentes[{{key}}].observacion" class="form-control"  type="text" value=""></div>
    </div>
</div>

Answer 1

你不需要花括号key，ng-model 评估表达式/变量本身

 ng-model="historia.antecedentes[key].seleccionado"

Answer 2

所有你ng在它前面有标签的东西，你都不必有任何花括号（除了 ngSrc，它的全部目的是在 src 中使用花括号）。我认为这是一个很好的记忆规则。