javascript - 二用 ng 重复

Question

我的 angularjs 代码确实有问题。

我有一个我想分成两个组的对象。

这两个对象看起来像

{
"_embedded": {
    "aspects": [
        {
            "name": "KPIs",
            "holderAssetId": "123",
            "aspectTypeId": "KPIs",
            "aspectTypeName": "KPIs",
            "category": "dynamic",
            "description": "description an. ",
            "variables": [
                {
                    "name": "Availability_Minutes",
                    "dataType": "DOUBLE",
                    "unit": "min",
                    "searchable": false,
                    "length": null,
                    "qualityCode": true,
                    "defaultValue": null
                },

第二个：

"_embedded": {
        "assets": [
            {
                "assetId": "123",
                "tenantId": "aaa",
                "name": "GA700",
                "etag": 1,
                "externalId": "",

现在我想要两个 Form-Control。在第一个中，我可以选择 aspect.name，它将通过 ng-repeat 从对象中过滤出来。这现在有效。但是我的 ng-repeat 中的变量 x 没有转移到我的第二个表单控件中。看看下面的代码。

我究竟做错了什么？

<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-3">
        <div class="form-group">
            <label for="choose_asset_form">Asset</label>
            <select class="form-control" id="choose_asset_form" ng-model="selected_assetId">
                <option ng-repeat="x in ctrl.assets" ng-value="x.assetId">
                    {{x.name}}
                </option>
            </select>

        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-3">
        <div class="form-group">
            <label for="choose_aspect_form">Aspect for {{x.assetId}}</label>
            <select class="form-control" id="choose_aspect_form" ng-model="selected_aspect">
                <option ng-repeat="x in ctrl.asset.aspects" ng-value="x.name">
                    {{x.name}}
                </option>
            </select>
        </div>
    </div>
</div>

所以我可以在第一个控件中看到 assets.name，但在第二个表单控件中看不到 aspect.name。

标签： javascriptangularjs