как отображать данные в поле ввода с использованием угловых js

Question

Прежде всего, я хочу показать данные json от моего controller в view странице до $http post метод.

Проблема в том, что я столкнулся с некоторыми проблемами, но я не могу заставить ее работать.

Код:

.state('GetData', { 
url: "/getdata", 
templateUrl: base_url + "loadl/getdata", 
data: { 
    pageTitle: 'Datapage' 
}, 
controller: "Mycontroller", 
resolve: { 
    deps: ['$ocLazyLoad', function($ocLazyLoad) { 
    return $ocLazyLoad.load({ 
     name: 'Myapp', 

     files: [ 

     base_url + 'application/assets/js/controllers/Mycontroller.js' 
     ] 
    }); 
    }] 
} 
}) 

Контроллер:

angular.module('Myapp') 
.controller('Mycontroller', function($rootScope, $scope, $http, $timeout) { 

    $http.get(base_url + "getData/show"). 
    success(function(response) { 
    $scope.data1 = response.data; 
    }); 
}); 

Контроллер CI

public function show() { 
    echo '{"data":[{"sl_num":"1","name":"James","category":"1"}]}'; 
} 

Вид:

<div class="form-group"> 
    <label class="control-label">Name</label> 
    <input type="text" placeholder="John" class="form-control" ng-model="data1.name" /> 
</div> 

Answer 1

Upadate с моим ответом я буду работать

angular.module('Myapp') 
.controller('Mycontroller', function($rootScope, $scope, $http, $timeout) { 
    $http.get(base_url + "getData/show"). 
    success(function(response) { 
    console.log(response); 
    $scope.data1 = response.data[0].name; 
    console.log($scope.data1); 
    }); 
}); 

Вид:

<div class="form-group"> 
    <label class="control-label">Name</label> 
    <input type="text" placeholder="John" class="form-control" ng-model="data1" /> 
</div>