Skip to content

Instantly share code, notes, and snippets.

@capaj
Created July 11, 2013 09:34
Show Gist options
  • Save capaj/5974029 to your computer and use it in GitHub Desktop.
Save capaj/5974029 to your computer and use it in GitHub Desktop.
showcase how on-change attribute parsing can help with updating the relevant objects on scope. Looking at it now, maybe instad of parsing on-change, we could change it to ng-change to align the name with angular.
<div ng-controller="langsCtrl">
<tr ng-repeat="lang in langsList">
<td>{{$index}}</td>
<td>
<div class="ade-editable" ade-text='{"className":"inputInTable"}'
ng-model="lang.lang_code" on-change='update(lang)'>{{lang.lang_code}}</div>
</td>
<td>
<div class="ade-editable" ade-text='{"className":"inputInTable"}'
ng-model="lang.alt" on-change='update(lang)'>{{lang.alt}}</div>
</td>
<td><div class="ade-editable" ade-text='{"className":"inputInTable"}'
ng-model="lang.icon" on-change='update(lang)'>{{lang.icon}}</div></td>
<td><input ng-model="lang.enabled" type="checkbox" ng-change="update(lang)"></td>
<td>
<i class="icon-remove" ng-click="delete(lang, $index)" ></i>
</td>
</tr>
</div>
<script>
function langsCtrl($scope){
$scope.update = function (lang) {
//put updated lang to server
};
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment