0

我有2個控制器,第一個(EventosListCtrl)完美地爲我工作,向我顯示GET指示的數據列表,但是當我按下按鈕以將數據在第二個控制器(FuncionesListCtrl)中顯示,不顯示任何內容,如果我使console.log()告訴我,如果有數據。AngularJS - 在將新值設置爲數組後,視圖沒有更新

我離開了程序代碼,評論了GET請求,但留下了JSON響應,因爲我無法在jsFiddle中運行它。

文件(的jsfiddle沒有乳寧):http://jsfiddle.net/taaEq/

var BoleteraWizardControllers = angular.module('BoleteraWizardControllers', []); 

BoleteraWizardControllers.controller('EventosListCtrl', ['$scope', 'CartEventos', 'Api', 

function ($scope, CartEventos, Api) { 
    // CartEventos.eventosList = Api.get({action:'eventos', id:'ALL'}); 
    CartEventos.eventosList = [{ 
     "id_evento": "1", 
      "nombre": "Babasonicos en Concierto", 
      "descripcion": "Gira La Lanza", 
      "fecha_inicio": "2013-12-05 00:00:00", 
      "fecha_fin": "2013-12-06 00:00:00", 
      "personas_id_persona": null, 
      "esquemas_id_esquema": "1" 
    }, { 
     "id_evento": "5", 
      "nombre": "Paté de Fuá", 
      "descripcion": "Descripcion del evento", 
      "fecha_inicio": "2014-01-31 00:00:00", 
      "fecha_fin": "2014-01-02 00:00:00", 
      "personas_id_persona": null, 
      "esquemas_id_esquema": "1" 
    }, { 
     "id_evento": "9", 
      "nombre": "Teatro Roma", 
      "descripcion": "", 
      "fecha_inicio": "2014-02-05 00:00:00", 
      "fecha_fin": "2014-02-05 00:00:00", 
      "personas_id_persona": null, 
      "esquemas_id_esquema": "1" 
    }, { 
     "id_evento": "11", 
      "nombre": "Enrique Bunbury en Concierto", 
      "descripcion": "", 
      "fecha_inicio": "2014-02-27 00:00:00", 
      "fecha_fin": "2014-03-01 00:00:00", 
      "personas_id_persona": null, 
      "esquemas_id_esquema": "4" 
    }, { 
     "id_evento": "12", 
      "nombre": "TEATRO ROMA", 
      "descripcion": "", 
      "fecha_inicio": "2014-02-07 00:00:00", 
      "fecha_fin": "2014-02-07 00:00:00", 
      "personas_id_persona": null, 
      "esquemas_id_esquema": "5" 
    }]; 
    $scope.eventos = CartEventos.eventosList; 

    // Devuelve la lista de funciones del evento indicado 
    $scope.upFuncionesList = function (id_evento) { 
     // CartEventos.funcionesList = Api.get({action:'funciones', id:id_evento}); 
     CartEventos.funcionesList = [{ 
      "id_funcion": "1", 
       "eventos_id_evento": "1", 
       "nombre": "Función Jueves 5 de Diciembre 2013", 
       "descripcion": "", 
       "fecha_inicio": "2013-12-05 20:00:00", 
       "id_evento": "1", 
       "evento": "Babasonicos en Concierto" 
     }]; 
    } 
}]); 


<div data-ng-app="Boletera"> 
    <fieldset> 
     <!-- Evento --> 
     <div class="step-pane active" id="evento" data-ng-controller="EventosListCtrl"> 
      <div id="form-content"> 
       <fieldset> 
        <div class="row contendScroll"> 
         <div class="row"> 
          <form class="form-search"> 
           <input type="text" placeholder="Introduzca su búsqueda" data-ng-model="query_evento.nombre" class="input-medium search-query"> <span data-ng-show="query_evento.nombre">Resultados de búsqueda <strong>"{{query_evento.nombre}}"</strong></span> 

          </form> 
          <div class="scroll"> 
           <!-- scroll --> 
           <div class="col-md-12"> 
            <div class="item col-md-12 col-sd-12 col-xs-12" data-ng-repeat="evento in eventos | filter:query_evento.nombre"> 
             <!-- Item --> 
             <div class="row"> 
              <div class="col-md-4 col-sd-8 col-xs-8"> 
               <img class="img-responsive" width="100" src="http://carlosazaustre.es/blog/wp-content/uploads/square-300x300.png" alt="evento1" /> 
              </div> 
              <div class="col-md-8 col-sd-12 col-xs-12"> 
               <div class="caption"> 
                <table class="table table-bordered"> 
                 <thead> 
                  <tr> 
                   <th colspan="2">{{evento.nombre}}</th> 
                  </tr> 
                 </thead> 
                 <tbody> 
                  <tr> 
                   <td>Estado:</td> 
                   <td>DF</td> 
                  </tr> 
                 </tbody> 
                </table> 
                <p> <a href="#!/eventos/{{evento.id_evento}}-{{evento.nombre.replace(' ','-') | lowercase }}" data-ng-click="upFuncionesList(evento.id_evento)" class="btn btn-success" role="button">Seleccionar</a> 

                </p> 
               </div> 
              </div> 
             </div> 
            </div> 
            <!-- //Item --> 
           </div> 
          </div> 
         </div> 
         <!-- scroll --> 
        </div> 
       </fieldset> 
      </div> 
     </div> 
    </fieldset> 
    <!-- //Evento --> 
    <fieldset> 
     <div class="step-pane" id="funciones" data-ng-controller="FuncionesListCtrl"> 
      <div class="row"> 
       <fieldset> 
        <div data-ng-repeat="funcion in funcionesList">{{funcion}} 123</div> 
       </fieldset> 
      </div> 
     </div> 
    </fieldset> 
</div> 
+0

凡在代碼中並調用它upFuncionesList()? – thescientist

+0

在鏈接和屬性data-ng-click =「upFuncionesList(evento.id_evento)」 – Chofoteddy

回答

0

我想你忘了附上的數據範圍,func控制器

$scope.functionaList=CartEventos.funcionesList 
+0

下面是代碼的工作版本,其中包含一些編輯http://jsbin.com/fuyov/2/edit – Ravi