如何在angularJs中动态添加对象中的数组

时间:2017-10-09 09:37:38

标签: javascript angularjs

我的HTML中有一些md-chips: -

qryLogMail.ParamByName('email').Size := Length(email);
qryLogMail.ParamByName('email').Value := email;
qryLogMail.ExecSQL;

......还有更多。

这些芯片值中的每一个都应该被推入阵列中。我想创建动态循环遍历每个对象的数组。并在API中推送值。

我的指令代码: -

qryLogMail.Params.Clear;
qryLogMail.Params.CreateParam(ftWideString, 'email', ptInput);
qryLogMail.ParamByName('email').Value := email;
qryLogMail.ExecSQL;

我应该如何动态创建数组?如果我需要在以后添加更多芯片,它应该创建相同的数组。

1 个答案:

答案 0 :(得分:0)

您需要的是ng-repeat并将单个芯片放入包装器中。这是一个例子: 在HTML

<div ng-repeat="item in chips">
    <label>{{item.label}}</label>
    <md-chips ng-model="{{item.value}}" placeholder="Hit enter after every value ">
        <md-chip-template>
            <strong>{{item.chip}}</strong>
        </md-chip-template>
    </md-chips>
</div>

并在您的控制器中使用如下数组:

var $scope.chips = [{'label': 'Label1', 'value': 1, 'chip': 'Chip 1'}, {'label': 'Label2', 'value': 2, 'chip': 'Chip 2'}];

每当你想要添加一个芯片对象时,只需将其推入数组:

$scope.chips.push({'label': 'Label3', 'value': 3, 'chip': 'Chip 3'});