Cacher is the code snippet organizer for pro developers

<!--use angularJS v1.3 due to one-time binding-->
<div class="row personal"
     data-ng-controller="Ctrl as personal">
  <span ng-repeat="gender in personal.genders">
      <label class="checkbox-inline" for="gender-{{gender}}">
          <input type="checkbox" name="gender" id="gender-{{::gender}}"
                 value="gender-{{::gender}}"
                 data-ng-checked="personal.userObj.data.data.gender === gender"
                 data-ng-change="gender === ''">{{::gender}}
      </label>
  </span>
</div>

'use strict';

angular.module('App')
  .controller('Ctrl',
    function (PersonalService) {
    var vm = this;
    vm.genders = ['Female', 'Male'];
    
    // get dender from db
    vm.userDetailsTranform = function() {

      PersonalService.getSystemProps().then(function(data) {
        vm.userObj.data.data.gender = data.gender;
      }, function(error) {
        console.log(vm.errors);
      });

    };

    vm.userDetailsTranform();

   
  });