从ng-repeat更新ng-disabled输入时停止ng-model

时间:2016-09-15 12:17:17

标签: javascript angularjs

我有一个每周5天的表,每天ng-repeat,我在页面的某个位置有一个按钮,其中包含来自后端的一些数据。

这是我的代码:

<thead>
  <tr>
   <th>Days</th>
  </tr>
</thead>
<tbody>
 <tr>
<td ng-repeat="day in days">
  <input type="text" ng-model="day.start" ng-disabled="item.date > currentDate"
</td>
  </tr>
</tbody>

我有一个ng-click="someFunction()"的按钮,这是一个REST API方法GET,从后端它将填充我的转发器。

问题出现在本周的页面上,当我们说星期三,星期四和星期五被禁用时,但当我点击我的按钮时,它将填充我{5} inputs的所有ng-repeat 1}}有数据,我只想填充星期一,星期二和星期三,如果其余时间被ng-disabled禁用。

你们有什么建议吗?

2 个答案:

答案 0 :(得分:0)

您可以使用ng-if并检查当天是否可用

<input type="text" ng-model="day.start" ng-if="item.date > currentDate"

如果条件有效,那么页面上只会显示dom元素

答案 1 :(得分:0)

您可以通过ng-model-options提供输入和设置器输入,并使用noop setter禁用输入。