Sam*_*wis 7 select scope angularjs angularjs-ng-change
我有一个简单的表,每行有三行和两个值 - 日期和状态:
<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>
Run Code Online (Sandbox Code Playgroud)
因此,红色,绿色和蓝色的简单日期和状态值.一个在下拉列表中 - 状态,第二个 - 只是输出日期.
在更改选择值时 - 我需要使用今天的日期更新日期.
`$scope.item.redDate = new Date();`
Run Code Online (Sandbox Code Playgroud)
是否有可能有一个功能,如ng-change="change();"
无法发送与更改ID ...
Sam*_*wis 13
特别感谢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>
Run Code Online (Sandbox Code Playgroud)
这是控制器:
$scope.update = function(id){
id = event.target.id;
$scope.item[id+'Date'] = new Date();
};
Run Code Online (Sandbox Code Playgroud)