Angularjs почему эта страница html (view) не интегрируется с Angular

Question

У меня есть сайт Angularjs, который работает. Однако один html-файл (просмотр) не интегрируется с Angular. Поля не отображаются и кнопка не активна.

Может ли кто-нибудь помочь?

<nav class="top-bar" data-topbar="" role="navigation"> 

    <ul class="title-area"> 
    <li class="name"><h1><a ui-sref="client.payment">Pagamento</a></h1></li> 
    </ul> 

</nav> 
<div id="sidePanelContent"> 

    <a ui-sref="^" ui-sref-opts="{reload: true}" class="closeSidePanel"><img src="images/admin/botao-fechar.png" alt="Fechar"></a> 

    <h1>Pagamento do Voo</h1> 

    <div> 
    <p ng-show="flight"><strong>Voo:</strong> {{flight.fromairport.name}} &#10141; {{flight.toairport.name}}</p> 
    <p ng-show="flight"><strong>Horário:</strong> {{flight.departure | formatDateTime}}h</p> 
    <p ng-show="flight"><strong>Lugares disponíveis:</strong> {{flight.availableseats}}</p> 
    <p ng-show="flight"><strong>Aeronave:</strong> {{flight.airplane.name}}</p> 
    <p ng-show="flight"><strong>Preço atual:</strong> R$ {{flight.price | formatPrice}}</p> 
    </div> 

    <button class="button" ui-sref="client.payment({flight:flightid})" >Pagar com Paypal</button> 

---------------- Java скрипт -----------------

'use strict'; 

/** 
* @ngdoc function 
* @name flyvipApp.controller:AboutCtrl 
* @description 
* # AboutCtrl 
* Controller of the flyvipApp 
*/ 
angular.module('flyvipApp') 
    .controller('PaymentCtrl', function ($scope, SharedData, $rootScope, $state, $stateParams, Authorization, $http) { 

    var api = "http://flyvip.com.br/app/api/"; 
    var userid = Authorization.currentUser().user.id; 

    $rootScope.sidePanel = false; 
    SharedData.selectedMenu.setItem('voos'); 
    $scope.menu = SharedData.selectedMenu; 
    $rootScope.homeClient = false; 
    $scope.orderedFlights = {data: []}; 
    $scope.flag = false; 
    var _flightid = _id; 
    var _airplaneid = $scope.flight.airplane.id; 
    var _dateofdeparture = $scope.flight.dateofdeparture; 
    var _dateofarrival = $scope.flight.dateofarrival; 
    var _airportdeparture = $scope.flight.fromairport.id; 
    var _airportarrival = $scope.flight.toairport.id; 
    var _price = $scope.flight.price; 
    var _seats = $scope.flight.availableseats; 
    var _status = $scope.flight.flightstatus; 
    var _reason = $scope.flight.reason; 

    var flight = { 
     flightid: _flightid, 
     airplaneid: _airplaneid, 
     dateofdeparture: _dateofdeparture, 
     dateofarrival: _dateofarrival, 
     airportofdeparture: _airportdeparture, 
     airportofarrival: _airportarrival, 
     price: _price, 
     seats: _seats, 
     flightstatus: _status, 
     reason: _reason, 
     invoicenum: "122344", 
     passengerid: $scope.passengerid 
    }; 
    $http({method: "POST", url: api + "DoWriteLog.php",msg:'Entrei neste script!', headers: {'Content-Type': 'application/x-www-form-urlencoded'}}).success(function(response, status, headers, config) { 
    }); 
    $http({method: "POST", url: api + "DoPayment.php", data: flight, headers: {'Content-Type': 'application/x-www-form-urlencoded'}}).success(function(response, status, headers, config) { 
     if (response.success) { 
     $scope.flag = true; 
     } 
     else 
     $scope.flag = false; 
    })}); 

Answer 1

Вы не назначая объект полета размаху попробовать это:

$scope.flight = { 
... 
} 

Также я могу видеть, что большинство из переменных не объявляются в этом объекте, за исключением flight.fromairport. Я не уверен, откуда вы получаете данные, но удостоверьтесь, что в какой-то момент он назначен $ scope.flight.