Set selected state of list option item in selection list OnInit.

Author: josephperrott

src/lib/list/selection-list.spec.ts

@@ -214,6 +214,34 @@ describe('MdSelectionList', () => {
     });
   });
 
+  describe('with list option selected', () => {
+    let fixture: ComponentFixture<SelectionListWithListOptions>;
+    let listItemEl: DebugElement;
+    let selectionList: DebugElement;
+
+    beforeEach(async(() => {
+      TestBed.configureTestingModule({
+        imports: [MdListModule],
+        declarations: [SelectionListWithSelecedOption],
+      });
+
+      TestBed.compileComponents();
+    }));
+
+    beforeEach(async(() => {
+      fixture = TestBed.createComponent(SelectionListWithSelecedOption);
+      listItemEl = fixture.debugElement.query(By.directive(MdListOption));
+      selectionList = fixture.debugElement.query(By.directive(MdSelectionList));
+      fixture.detectChanges();
+    }));
+
+    it('should set its initial selected state in the selectedOptions', () => {
+      let optionEl = listItemEl.injector.get(MdListOption);
+      let selectedOptions = selectionList.componentInstance.selectedOptions;
+      expect(selectedOptions.isSelected(optionEl)).toBeTruthy();
+    });
+  });
+
   describe('with single option', () => {
     let fixture: ComponentFixture<SelectionListWithOnlyOneOption>;
     let listOption: DebugElement;
@@ -450,6 +478,13 @@ class SelectionListWithDisabledOption {
   disableItem: boolean = false;
 }
 
+@Component({template: `
+  <mat-selection-list>
+    <md-list-option [selected]="true">Item</md-list-option>
+  </mat-selection-list>`})
+class SelectionListWithSelecedOption {
+}
+
 @Component({template: `
   <mat-selection-list id = "selection-list-4">
     <md-list-option checkboxPosition = "after" class="test-focus" id="123">

src/lib/list/selection-list.ts

@@ -21,6 +21,7 @@ import {
   Inject,
   Input,
   OnDestroy,
+  OnInit,
   Optional,
   Output,
   QueryList,
@@ -85,7 +86,7 @@ const FOCUSED_STYLE: string = 'mat-list-item-focus';
   providers: [{provide: MATERIAL_COMPATIBILITY_MODE, useValue: false}],
 })
 export class MdListOption extends _MdListOptionMixinBase
-    implements AfterContentInit, OnDestroy, FocusableOption, CanDisableRipple {
+    implements AfterContentInit, OnInit, OnDestroy, FocusableOption, CanDisableRipple {
 
   private _lineSetter: MdLineSetter;
   private _selected: boolean = false;
@@ -132,6 +133,12 @@ export class MdListOption extends _MdListOptionMixinBase
     super();
   }
 
+  ngOnInit() {
+    if (this.selected) {
+      this.selectionList.selectedOptions.select(this);
+    }
+  }
+
   ngAfterContentInit() {
     this._lineSetter = new MdLineSetter(this._lines, this._renderer, this._element);