web-dev-qa-db-ja.com

Angular ngでのJSアクション-選択ドロップダウンの変更

私は3つの行と各行の2つの値を持つ単純なテーブルを持っています-日付と状態：

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

したがって、単純な日付と赤、緑、青のステータス値。ドロップダウンの1つ-ステータス、2番目-ちょうど出力日付。

選択値の変更時に-今日の日付で日付を更新する必要があります。

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

ng-change="change();"のような関数を1つ持つことは可能ですか？ng-changeでIDを変更できません...

angularjsselectscopeangularjs-ng-change
7
Sam Lewis

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();
 };
13
Sam Lewis