0.10.5 select default

by vaiism

HTML

<script src="https://code.angularjs.org/0.10.5/angular-0.10.5.min.js" ng:autobind></script>
<script>
function AuditController() {
    this.queryObject = {
        numResults: 20
    };

    this.ruleSettings = {
        datasets: {
            startingDataset: 0
        },
        name: {
            lastName: "Rubble"
        }
    };
    
    // We want 'Rubble' to be the default.
    this.datasetsArray = [
        {value:"Johnson", label:"Fred"},
        {value:"Williams", label:"John"},
        {value:"Rubble", label:"Wilma"}    
    ];
    
}
</script>

<div ng:controller="AuditController">

The default in the model is set for 'Wilma', but to set as other, can use ng:init:
<br/>

    <form name="ruleSettingsForm">
        <div id="output">
            <b>Current Value: </b> {{ruleSettings.name.lastName}}
            <hr/>
            Names: 
            <select name="lastNames" ng:model="ruleSettings.name.lastName"
                    class="formElement"
            ng:options="ds.value as ds.label for ds in datasetsArray"
            ng:init="ruleSettings.name.lastName='Williams'">
            </select>
        </div>
    </form>
</div>

CSS

body {font-family:sans-serif;font-size:12pt;padding:10px; }
.error { color: red; }
input, select {
    margin: 4px;
}
input.ng-invalid, select.ng-invalid, textarea.ng-invalid, input.formElement.ng-invalid {
    border: solid 1pt red;
}
tt {font-size: 10pt;}
#output {background-color: #efefef;padding:5px;border:solid 1pt #ddd;}