2016-08-02 1 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> 

これは、$ invalidプロパティがボタンの動作を制御する親フォーム上に存在します。ドロップダウンから値を選択すると、フォームが有効になり、ボタンがアクティブになります。選択された値がない場合、ボタンは無効になります。

しかし、ngstorageを使用してローカルストレージも実装しました。これは、スコープのプロパティの状態を自動的に管理し、ブラウザのローカルストレージに保存するということです。つまり、ページを更新するたびに同じドロップダウン値が選択されます。これは完全に正常に動作します。

ただし、リフレッシュを実行すると、フォームの$ invalidプロパティがtrueに設定されるようになりました(mdセレクト値が正しく設定されていても)。これをどうすれば解決できますか?

+0

あなたは私と(バージョン)HEADでそれを試みることができます私の答えでアドバイスをする? – troig

+0

私の編集を参照してください:あなたの問題は、最近公開されたパブリックバージョン1.1.0で解決されました。それが役に立てば幸い – troig

答えて

0

EDIT:問題はすでに最近リリースされた公開版1.1.0

に解決され、私は同じ問題に直面してきた、と私はそれがあるangular-materialバグであるあなたを確認することができますHEAD(master)バージョンで解決されました。 うまくいけば、それは次の(そして待望の...)1.1.0のリリースでリリースされることを願っています。そこにいくつかの閉鎖問題があります。 Example

角度-材料1.1.0-RC5と

私は(それが正常に動作しています)アンギュラ材料HEAD(マスター)と

  • Plunker(それが失敗しました)時間を無駄にしていたので、他の人に役立つことを願っています。

    (私はいくつかのコードを配置する必要があり添付plunkersで...あなたのコードは次の角-材料リリースで魔法のように動作します):

    <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> 
    
  • 関連する問題