在角度中,使用ng-repeat生成动态html内容

时间:2015-03-21 08:05:29

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

我的问题是如何使用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>

2 个答案:

答案 0 :(得分:2)

你不需要key左右的花括号,ng-model会自己评估表达式/变量

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

答案 1 :(得分:0)

你面前有ng标签的所有内容,你都不必有任何花括号(除了使用ngSrc,其唯一目的是在src中使用花括号) 。我认为这是一个很好的记忆规则。