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

【问题标题】：In angular, generate dynamic html content with ng-repeat在 Angular 中，使用 ng-repeat 生成动态 html 内容
【发布时间】：2015-03-21 16:24:44
【问题描述】：

我的问题是关于使用 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>

【问题讨论】：

标签： javascript angularjs angularjs-ng-repeat angularjs-ng-model

【解决方案1】：

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

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

【讨论】：

Angular 很棒。朋友，非常感谢您！！ A.B

【解决方案2】：

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

【讨论】：

是的，我知道。应该指定的。但是，ngSrc 指令很特殊，因为它解决了在 src 标记中包含花括号的问题。所以如果你使用 ngSrc，你应该知道你可以在里面使用花括号。但是，这不是必需的。
是的，你可以重新排列单词来清除，但对我们来说还是可以的，因为我们知道一些事情但可能会让初学者感到困惑，只是说:)