2016-08-02 5 views
2

각도 재료 컨트롤을 사용하는 앵귤러 웹 페이지에서 작업 중입니다.md 로컬 저장 후로드 선택 필수 속성이 작동하지 않음

<md-select ng-model="organization" required="true" name="organization"> 
    <md-option value="">Organization</md-option> 
    <md-option ng-repeat="organization in organizationDescriptions" value="{{organization.text}}"> 
     {{organization.text}} 
    </md-option> 
</md-select> 

이 누구 $ 유효하지 않은 속성은 버튼의 동작을 제어하는 ​​부모 폼에 살고 : 나는 다음과 같이 내가 정의한 MD 선택 제어 할 수 있습니다. 드롭 다운에서 값을 선택할 때마다 양식이 유효 해지고 버튼이 활성화됩니다. 값을 선택하지 않으면 버튼이 비활성화됩니다.

그러나 로컬 스토리지도 ngstorage을 사용하여 구현했습니다. 이것이하는 일은 범위의 속성 상태를 자동으로 관리하고 브라우저의 로컬 저장소에 저장하는 것입니다. 즉, 페이지를 새로 고칠 때마다 동일한 드롭 다운 값이 선택됩니다. 이것은 완벽하게 작동합니다.

그러나 새로 고침을 수행 할 때 양식의 $ invalid 속성이 true로 설정됩니다 (md 선택 값이 올바르게 설정되어 있음에도 불구하고). 이 문제를 어떻게 해결할 수 있습니까?

+0

당신이 HEAD (버전)으로 시도 할 수 I로 :

(첨부 plunkers으로 나는 ... 당신의 코드는 다음 각 재료 출시와 함께 마법처럼 작동합니다 몇 가지 코드를 넣어 필요) 내 대답에 조언 해? – troig

+0

제 편집을 참조하십시오 : 귀하의 문제는 최근 공개 된 버전 1.1.0에서 해결되었습니다. 희망이 도움이된다. – troig

답변

0

편집는 : 문제는 이미 저도 같은 문제에 직면했습니다 최근에 출시 된 공공 버전 1.1.0

에 해결된다, 나는 당신을 확인할 수있는 angular-material 버그 HEAD(master) 버전으로 해결되었습니다. 잘하면 다음 (그리고 오랫동안 기다려온 ...) 1.1.0 발매 될 예정입니다. 이에 관한 일부 폐점이 있습니다. Example

각 재료 1.1.0-RC5와

난 (작동이 잘되는) 각 물질 HEAD (마스터)와

  • Plunker (실패합니다) 몇 시간을 낭비했습니다 ... 그래서 다른 사람들을 돕기를 바랍니다.

    <md-select ng-model="organization" required="true" name="organization"> 
        <md-option value="">Organization</md-option> 
        <md-option ng-repeat="organization in organizationDescriptions" value="{{organization.text}}"> 
         {{organization.text}} 
        </md-option> 
    </md-select>