Revisions to Angular selected for multiple select

improve the select from opt.label for opt in options to opt.value as opt.label for opt in options just like in the fiddle

Source Link

edit approved Feb 2, 2015 at 8:35

CaffeineShots

2.2k
7
35
58

You can use ngInit for default:

<body ng-app="demoApp">
    <div ng-controller="DemoController">
        <div ng-repeat="data in selected">
            <select ng-model="data.sel" ng-init="data.sel = options[$index]"
                ng-options="opt.value as opt.label for opt in options">
options" ng-init="data.sel = data.sel || options[$index].value">
        </select>
            selected must be : {{data.sel}}
        </div>
    </div>
</body>

fiddle

You can use ngInit for default:

<body ng-app="demoApp">
    <div ng-controller="DemoController">
        <div ng-repeat="data in selected">
            <select ng-model="data.sel" ng-init="data.sel = options[$index]"
                ng-options="opt as opt.label for opt in options">
            </select>
            selected must be : {{data.sel}}
        </div>
    </div>
</body>

fiddle

You can use ngInit for default:

<body ng-app="demoApp">
    <div ng-controller="DemoController">
        <div ng-repeat="data in selected">
            <select ng-model="data.sel"
            ng-options="opt.value as opt.label for opt in options" ng-init="data.sel = data.sel || options[$index].value">
        </select>
            selected must be : {{data.sel}}
        </div>
    </div>
</body>

fiddle

edited body

Source Link

edited Feb 2, 2015 at 8:18

huan feng

8.7k
3
40
66

You can use ngInit for default:

<body ng-app="demoApp">
    <div ng-controller="DemoController">
        <div ng-repeat="data in selected">
            <select ng-model="data.sel" ng-init="data.sel = options[$index]"
                ng-options="opt as opt.label for opt in options">
            </select>
            selected must be : {{data.sel}}
        </div>
    </div>
</body>

fiddle fiddle

You can use ngInit for default:

<body ng-app="demoApp">
    <div ng-controller="DemoController">
        <div ng-repeat="data in selected">
            <select ng-model="data.sel" ng-init="data.sel = options[$index]"
                ng-options="opt as opt.label for opt in options">
            </select>
            selected must be : {{data.sel}}
        </div>
    </div>
</body>

fiddle

You can use ngInit for default:

<body ng-app="demoApp">
    <div ng-controller="DemoController">
        <div ng-repeat="data in selected">
            <select ng-model="data.sel" ng-init="data.sel = options[$index]"
                ng-options="opt as opt.label for opt in options">
            </select>
            selected must be : {{data.sel}}
        </div>
    </div>
</body>

fiddle

Source Link

answered Feb 2, 2015 at 7:53

huan feng

8.7k
3
40
66

You can use ngInit for default:

<body ng-app="demoApp">
    <div ng-controller="DemoController">
        <div ng-repeat="data in selected">
            <select ng-model="data.sel" ng-init="data.sel = options[$index]"
                ng-options="opt as opt.label for opt in options">
            </select>
            selected must be : {{data.sel}}
        </div>
    </div>
</body>

fiddle

Collectives™ on Stack Overflow

Return to Answer