Ng-options不会随着跟踪而刷新

时间:2016-04-21 17:47:38

标签: javascript html angularjs

我希望使用ng-options在Angular Js中进行级联过滤 我有HTML

<div class="selection">
                <div class="form-group">
                    <label for="size" class="col-sm-2 control-label">{{'logSize' | translate}}</label>
                    <div class="col-sm-10">
                        <select id="size" class="form-control" ng-model="logbook.size" ng-options="size as size.name | translate for size in versions track by size.id"></select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="pages" class="col-sm-2 control-label">{{'logSize' | translate}}</label>
                    <div class="col-sm-10">
                        <select id="pages" class="form-control" ng-model="logbook.pages" ng-options="pages as pages.name | translate for pages in logbook.size.pages track by pages.id"></select>
                    </div>
                </div>
                <div class="form-group">
                    <label id="typeof" for="logSize" class="col-sm-2 control-label">{{'logSize' | translate}}</label>
                    <div class="col-sm-10">
                        <select id="typeof" class="form-control" ng-model="logbook.typeofsiding" ng-options="typeofsiding as typeofsiding.name | translate for typeofsiding in logbook.pages.typeofsiding track by typeofsiding.id"></select>

                    </div>
                </div>
                <div class="form-group">
                    <label for="terms" class="col-sm-2 control-label">{{'logSize' | translate}}</label>
                    <div class="col-sm-10">
                        <select id="terms" class="form-control" ng-model="logbook.terms" ng-options="terms as terms.name | translate for terms in logbook.typeofsiding.terms track by terms.id"></select>
                    </div>
                </div>
            </div>

和js

    $scope.versions = [
{
    id: "20cm",
    name: "20 cm",
    pages: [
    {
        id: "doublesided",
        name: "Double-sided",
        typeofsiding: [
            {
                name: "Two-side",
                id: "twoside",
                terms: [
                {
                    name: "QR",
                    id: "QR"
                },
                {
                    name: "Text",
                    id: "Text"
                },
                {
                    name: "Link",
                    id: "Link"
                }]
            }

        ]
    },
    {
        id: "onesided",
        name: "One-sided",
        typeofsiding: [
            {
                name: "none",
                id: "none",
                terms: [
                {
                    name: "QR",
                    id: "QR"
                },
                {
                    name: "Text",
                    id: "Text"
                },
                {
                    name: "Link",
                    id: "Link"
                }]
            }

        ]
    }]
},

{
    id: "15cm",
    name: "15 cm",
    pages: [
    {
        id: "doublesided",
        name: "Double-sided",
        typeofsiding: [
            {
                name: "Two-side",
                id: "twoside",
                terms: [
                {
                    name: "QR",
                    id: "QR"
                },
                {
                    name: "Text",
                    id: "Text"
                },
                {
                    name: "Link",
                    id: "Link"
                }]
            }

        ]
    },
    {
        id: "onesided",
        name: "One-sided",
        typeofsiding: [
            {
                name: "none",
                id: "none",
                terms: [
                {
                    name: "QR",
                    id: "QR"
                },
                {
                    name: "Link",
                    id: "Link"
                }]
            }

        ]
    }]
},
{
    id: "10cm",
    name: "10 cm",
    pages: [
    {
        id: "doublesided",
        name: "Double-sided",
        typeofsiding: [
            {
                name: "fold",
                id: "fold",
                terms: [
                {
                    name: "QR",
                    id: "QR"
                },
                {
                    name: "Text",
                    id: "Text"
                },
                {
                    name: "Link",
                    id: "Link"
                }]
            },
            {
                name: "Two-side",
                id: "twoside",
                terms: [
                {
                    name: "QR",
                    id: "QR"
                },
                {
                    name: "Text",
                    id: "Text"
                },
                {
                    name: "Link",
                    id: "Link"
                }]
            }

        ]
    },
    {
        id: "onesided",
        name: "One-sided",
        typeofsiding: [
            {
                name: "none",
                id: "none",
                terms: [
                {
                    name: "Link",
                    id: "Link"
                }]
            }

        ]
    }]
},
{
    id: "5cm",
    name: "5 cm",
    pages: [
    {
        id: "doublesided",
        name: "Double-sided",
        typeofsiding: [
            {
                name: "fold",
                id: "fold",
                terms: [
                {
                    name: "QR",
                    id: "QR"
                },
                {
                    name: "Link",
                    id: "Link"
                }]
            },
            {
                name: "Two-side",
                id: "twoside",
                terms: [
                {
                    name: "QR",
                    id: "QR"
                },
                {
                    name: "Link",
                    id: "Link"
                }]
            }

        ]
    },
    {
        id: "onesided",
        name: "One-sided",
        typeofsiding: [
            {
                name: "none",
                id: "none",
                terms: [
                {
                    name: "Link",
                    id: "Link"
                }]
            }

        ]
    }]
}];

当我使用ng-option而没有跟踪它完美但我需要我的id值。 当我选择使用曲目时,不要刷新并且不能正常工作。 请帮我。我整天都在研究这个问题。

0 个答案:

没有答案