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

Question

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

但是我在 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 评估 expression/variable 本身

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

Answer 2

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

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

In angular, generate dynamic html content with ng-repeat

javascript

angularjs

angularjs-ng-repeat

angularjs-ng-model