Нет записей Console.logs в Chrome или ng-repeat

0

Я не уверен, в чем проблема, я предполагаю что-то с тем, как моя угловая маршрутизация? Если кто-то может помочь, это будет очень оценено.

Это мой контроллер, консольный журнал здесь действительно печатает.

  app.controller('ClientCtrl',['$http','$scope',
  '$stateParams',function($http,$scope, $stateParams){
  var clientid = [$stateParams.id];
  var client = this;
  client.infos = []
  $http.get('../client.JSON').success(function(data){
    client.infos = data;
    console.log(client.infos)
  });
}]);

Это мои маршруты, im используя ui.router, так как im использует угловые. клиентский маршрут является тем, который вызывает проблемы.

planoxApp.config(['$stateProvider','$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('home', {
      url: '/home',
      templateUrl: '/templates/index.html',
      controller: 'MainCtrl',
    })
    .state('clients', {
      url: '/clients/{id}',
      templateUrl: 'clientsmain.html',
      controller: 'ClientCtrl'
    })
    .state('photoplans', {
      url: '/photoplans/:id',
      templateUrl: 'photoplanmain.html'
    });

}])

Это html файл, который вызывает у меня проблемы

<h1>Hi! </h1>
  <div class="col-sm-6" ng-repeat="info in client.infos" >
    <p>{{info.active}}</p>
</div>
<script> console.log("this sucks") console.log(client.infos)</script>

И это консоль прямо сейчас

Изображение 174551

Я пробовал все, что мог придумать, чтобы заставить это работать, но сейчас ничего не работает. Поскольку вы можете видеть, что угловые не бросают ошибки, но ничто не ведет консольную запись с этой страницы и не работает ng-repeat. Любая помощь очень ценится, спасибо заранее.

  • 1
    Что насчет console.log("this sucks"); console.log(client.infos); ?
  • 0
    Они не появляются. И я никогда не видел, чтобы консольный журнал не показывался таким образом. Вот почему я сбит с толку этой проблемой
Показать ещё 6 комментариев
Теги:
angular-ui-router

1 ответ

2
Лучший ответ

Вы уже напечатали результат от углового controller в консоли, где он был на экране.

Похоже, вы должны иметь controllerAs там для контроллера, вы можете объявить псевдоним внутри своего состояния, например, выполнив controller: 'ClientCtrl as client'

наценка

<h1>Hi! </h1>
  <div class="col-sm-6" ng-repeat="info in client.infos" >
    <p>{{info.active}}</p>
</div>

состояние

.state('clients', {
   url: '/clients/{id}',
   templateUrl: 'clientsmain.html',
   controller: 'ClientCtrl as client'
})

Обновить

Вы не можете загрузить скрипт из частичных файлов, они никогда не будут прочитаны, когда они будут загружены через частичный html. Хотя использование console.log(client.infos) никогда не имеет смысла, как вы можете думать, что угловой контекст будет доступен для глобального скрипта.

Если вы хотите что-то вроде этого, тогда вы можете взглянуть на эту тему, но мой личный совет: вы не должны этого делать.

  • 1
    Итак, вы исправили проблему ng-repeat, спасибо вам за это. Но сценарий все еще не ведет консоль, вы знаете, почему это может не сработать?
  • 0
    @ZoeSteinkamp посмотрите на обновление
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню