Ui-маршрутизатор Создать новый контроллер в View

Question

Учитывая, что я собираюсь в следующем состоянии:

$stateProvider.state('applicant', { 
    url: "/admin/applicants/:name", 
    templateProvider: function($http, $stateParams) { 
    return $http({ 
    method: 'GET', 
    url: 'http://example.com/applicant', 
    params: { 
     request: $stateParams.name, 
    } 
    }).then(function successCallback(html) { 
    return html.data; 
    }); 
}, 
    controller: 'SendToCtrl' 
}); 

С точки зрения, что возвращается на $http глядя, как это:

<script> 
app.controller('ChildController', ['$scope', function($scope) { 
$scope.applicant = <?php echo $applicant ?>; 
}]); 
</script> 
    <div class="row" ng-controller="ChildController"> 
<div class="col-md-12"> 
{{applicant.State}} 
</div> 
</div> 

Я получаю a Аргумент 'ChildController' не является функцией Ошибка. Я читал, что в обычном ng-view вызов нового контроллера вроде этого не поддерживается, но не нашел ответа для ui-router. Каким будет правильный способ сделать шаблон, если мне нужен шаблон для отображения данных, которые есть только после просмотра представления?

Answer 1

Поэтому я не мог сгенерировать контроллер из представления, как хотелось бы, поэтому вместо этого я использовал контроллер, сгенерированный состоянием, и привязал переменную php к представлению, а затем снова взял его обратно с указанного контроллера установки, как так:

Государственный Определение:

$stateProvider.state('applicant', { 
     url: "/admin/applicants/:name", 
     templateProvider: function($http, $stateParams) { 
     return $http({ 
     method: 'GET', 
     url: 'http://example.com/applicant', 
     params: { 
      request: $stateParams.name, 
     } 
     }).then(function successCallback(html) { 
     return html.data; 
     }); 
    }, 
     controller: 'SendToCtrl' 
    }); 

Вид:

<?php 
$applicant = str_replace('"', "'", $applicant); 
?> 
<div class="row"> 
<div id="fetchMe" class="col-md-12"> 
</div> 
</div> 
<script> 
applicant = <?php echo $applicant ?>; 
$('#fetchMe').data('key',applicant); 
</script> 

SendToCtrl:

app.controller('SendToCtrl', ["$scope", "$stateParams", "$state", function($scope, $stateParams, $state) { 

    console.log($stateParams); 
    $scope.applicant = $("#fetchMe").data('key'); 
    console.log($scope.applicant); 
}]); 

:)