Ioni c отправляет только мои переменные второго представления, а не переменные первого представления

Question

В сущности, мы должны создать очень «простое приложение», где сначала человек вводит свое имя, а затем вводит свою фамилию. Как только они нажмут кнопку «Скажи привет», в представлении «sayhello» должно появиться «Hello {{firstname}} {{lastname}}!». Я не уверен, почему мой код не работает. Он будет выводить только элемент lastname. У меня есть три. html шаблона. Один из которых называется «vorname. html», где получается информация для первого имени, затем «nachname. html» то же самое, но для фамилии, а затем «sayhello. html», где я могу быть возникли проблемы Я приложил код для моего файла "app. js" и файла "sayhello. html". Если бы кто-то мог помочь мне, я был бы очень признателен! :)

приложение. js

myapp.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider

    .state('vorname', {
      url: '/vorname',
      templateUrl: 'templates/vorname.html',
      controller: 'HomeCtrl',
      params: {
        firstname: ''
      }
    })

    .state('nachname', {
      url: '/nachname',
      templateUrl: 'templates/nachname.html',
      controller: 'NachnameCtrl',
      params: {
        firstname: '',
        lastname: ''
      }
    })

    .state('sayhello', {
      url: '/sayhello/:name',
      templateUrl: 'templates/sayhello.html',
      controller: 'SayHelloCtrl'
    })

  $urlRouterProvider.otherwise('/vorname');



});

myapp.controller('HomeCtrl', function($scope, $state) {

  $scope.username= {'firstname': ""}

  $scope.click = function(){
    $state.go('nachname', {name:$scope.username.firstname});
  }
});

myapp.controller('NachnameCtrl', function($scope, $state) {

  $scope.username= {'lastname': ""}

  $scope.click = function(){
    $state.go('sayhello', {name:$scope.username.lastname});
  }
});


myapp.controller('SayHelloCtrl', function($scope, $stateParams) {
console.log($stateParams);
$scope.name = $stateParams.name;

});

sayhello. html

<ion-view view-title="Say Hello !">
  <ion-content>
    <div class="card">
    <div class="item item-text-wrap">
      Hello  {{name}} !
    </div>
  </div>
</ion-content>
</ion-view>