Angular ng 上的 JS 操作-更改 select 下拉列表

Question

我有一个简单的 table 三行，每行两个值 - 日期和状态：

<tbody>
   <tr>
      <td>Red</td>
        <td class="lastModified">{{item.redDate}}</td>
        <td class="status"> 
            <select id ="red" class="form-control" ng-change="update();" ng-model="item.redStatus">
              <option value="" disabled="" selected="" class="ng-binding">Please select the value</option>
              <option ng-selected="step.value === item.redStatus"  ng-repeat="(key, step) in steps">{{ step.title }}</option>
            </select>
       </td>
   </tr>
   <tr>Green</tr>
   <tr>
     ....
   </tr>                    
</tbody>

因此，红色、绿色和蓝色的简单日期和状态值。下拉列表中的一个 - 状态，第二个 - 仅输出日期。

更改 select 值 - 我需要将日期更新为今天的日期。

 `$scope.item.redDate = new Date();`

是否可以像 ng-change="change();" 那样拥有一个功能无法使用 ng-更改 ID 发送...

Answer 1

特别感谢 Samir Das 帮助找到解决方案 ng-change="update(id);":

<select id ="red" class="form-control" ng-change="update(id);" ng-model="item.redStatus">
          <option value="" disabled="" selected="" class="ng-binding">Please select the value</option>
          <option ng-selected="step.value === item.redStatus"  ng-repeat="(key, step) in steps">{{ step.title }}</option>
 </select>

这是控制器：

$scope.update = function(id){
    id = event.target.id;
    $scope.item[id+'Date'] = new Date();
 };

Angular ng 上的 JS 操作-更改 select 下拉列表

Angular JS Action on ng-change the select dropdown

select

scope

angularjs

angularjs-ng-change