md选择本地存储加载所需属性不起作用

时间:2016-08-02 16:08:31

标签: javascript angularjs angular-material ng-storage

我正在使用角度网页,我使用了角度材质控件。我有一个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选择值)。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

  

编辑:此问题已在最近发布的公开版1.1.0中解决

我一直面临同样的问题,我可以确认您是angular-material版本中解决的HEAD(master)错误。 希望它将在下一个(期待已久的......)1.1.0版本中发布。关于它有一些封闭的问题。 Example

  
      
  • Plunker使用角度材料1.1.0-rc5(失败)
  •   
  • Plunker使用角度材料HEAD(主)(它工作正常)
  •   

我一直在浪费时间......所以希望它可以帮助其他人。

(附带的掠夺者我需要放一些代码......你的代码将像下一个角度材料版本的魅力一样工作):

<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>