Data Passing when Angular DOM is ready via GET URL Params (with $viewValue)

index.js

// DATA PASSING TO INPUTS when Document Ready
// SITUATION: ngModel != $viewValue <input type="text" name="food_name" ng-model="part1.food_name">
    angular.element(document).ready(function($event) {
//       Get CURRENT URL Params (May replace with $http request 
        var url = $location.search();
        console.log(url);
//       Get name attribute of form element
        console.log($scope.userForm);

        $scope.$apply(function() {
//           Loop of Objects of url params exp: {'name':'John Doe','favourite_food':'Spagetti'}
            Object.keys(url).forEach(function(key) {
//                 Update $viewValue of scope example $scope.userForm.name.$viewValue
                $scope.userForm[key].$viewValue = url[key];
//                Update Commit all form controls pending updates to the $modelValue
                $scope.userForm[key].$commitViewValue();
                console.log($scope.userForm[key]);
//               Update value of elements such as textarea or input 
                document.getElementsByName(key)[0].value= url[key];
//               Set $dirty and $touched for interaction of data
                $scope.userForm[key].$setDirty();
                $scope.userForm[key].$setTouched();
            });
//       $apply calls $digest automatically
        });
    });