Jquery MDL复选框具有角度

我使用MDL和angular，从API中获取一些数据，然后填充一个包含复选框列表的选项卡

问题是，当我单击复选框时，它没有选中，我必须单击两次才能选中复选框

HTML标记是：

<div class="mdl-tabs__panel" id="tab4">
    <div class="options-container">
        <div ng-repeat="company in busCompanies" class="option-item">
            <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="companies-checkbox-{{$index}}">
                <i class="material-icons">star</i>
                <span class="star-rating">4.8</span>
                <span class="mdl-checkbox__label">{{company.name}}</span>
                <input type="checkbox" ng-model="myFilter.companies['{{company.name}}']" id="companies-checkbox-{{$index}}" class="mdl-checkbox__input">
            </label>
        </div>
    </div>
</div>

明星
4.8
{{company.name}

我有其他标签，但那里的内容是不加载dinamically和他们的工作正常

你知道我该怎么解决这个问题吗

---

注意：我知道使用角度材质更好（因为它设计用于正确处理角度材质），但是我必须使用MDL，因为我们没有时间使用角度材质重新制作页面

我在这里找到了解决方案

这很容易，只要换一下

ng model=“myFilter.companys['{{company.name}}}]”

对于

ng model=“myFilter.companys[公司名称]”