проблема angularjs с моей маршрутизацией, где есть несколько представлений

Question

проблема angularjs с моей маршрутизацией, где есть несколько представлений

0

Я следил angular-phonecat учебником по angular-phonecat и пытаюсь что-то построить таким же образом.

В моем файле index.html меня есть список места и их изображений, когда я выбираю конкретное место, мне нужно перейти на другое представление с подробностями о нем. Тем не менее, я получаю тот же результат, что и в своем html файле html (например, это подробный вид для {{meetingId}}, где eventID не разрешается и отображается только как eventid)

index.html

<ul>
  <li ng-repeat="venue in venues | filter: venue | orderBy: predicate" class="thumbnail">
    <div class="row">
      <div class="col-md-6">
        <a href="#/venue-details/{{venue.id}}"><img ng-src="{{venue.imageUrl}}"></a>
      </div>
      <div class="col-sm-3">
        <a href="#/venue-details/{{venue.id}}" class="thumb"> {{ venue.name }}</a>  
      </div>
  </li>
</div>
</ul>

config.router.js

app.run(['$rootScope', '$state', '$stateParams', 
  function ($rootScope, $state, $stateParams) {}])
  .config(['$stateProvider', '$urlRouterProvider', '$httpProvider', 
    function ($stateProvider, $urlRouterProvider, $httpProvider) {
      $stateProvider
        .state('search', {
          url: '/search',
          templateUrl: 'templates/search2.html'
        })
        .state('/venue-details/:venueId', {
          url: '/venue-details',
          templateUrl: 'templates/venue-details.html',
          controller: 'venueDetailCtrl'
        });
      }
  ]);

controller.js

app.controller('venueDetailCtrl', ['$scope', '$stateProvider',
  function($scope, $stateProvider) {
    $scope.venueId = $stateProvider.venueId;
  }
]);

Место-details.html

detail view for <span>{{venueId}}</span>

Srikaran Maheshwaram 29 янв. 2016, в 14:42

Источник

0

всякий раз, когда необработанные выражения {{ }} печатаются в конечном выводе, это указывает на то, что у вас есть какая-то ошибка скрипта, из-за которой angular не обрабатывал страницу. Какие ошибки в журнале консоли браузера? Это будет то, что помогает решить эту проблему.
Claies 29 янв. 2016, в 13:18
0

Я не получаю никаких ошибок, я получаю представление о местах, но Venueid не разрешается. мой вывод в представлении места встречи - "представление детали для места встречи"
Srikaran Maheshwaram 29 янв. 2016, в 13:24
0

так что вы теперь говорите, что вы видите не {{ }} в выводе, а строковый литерал venueid ?
Claies 29 янв. 2016, в 13:31
0

да. я не знаю, где я делаю неправильно
Srikaran Maheshwaram 29 янв. 2016, в 13:38

Показать ещё 2 комментария

Теги:

angularjs

2 ответа

0

Stackoverflow действительно помогает начинающим, как я. Спасибо, много парней за вашу помощь. Исправьте. Была ошибка с моими объявлениями id. Я где-то использовал id и Id, поэтому я думаю, что это создало проблему. На самом деле я попробовал его с другими привязками в таких местах, как event.details и т.д. Все работало, но не с Id, тогда я понял это. Спасибо за помощь ребятам за исправление моей ошибки объявления параметров состояния. здесь полный рабочий код

index.html

                     <div class="col-md-6">
                     <a href="#/search/{{venue.id}}"><img ng-src="{{venue.imageUrl}}"></a></div>
                     <div class="col-sm-3">
                     <a ui-sref="venuedetail({venueid:venue.id})" class="thumb"> {{ venue.name }}</a>  
                     </div>

config.router.js

app.run(['$rootScope', '$state', '$stateParams', 
  function ($rootScope, $state, $stateParams) {}])
  .config(['$stateProvider', '$urlRouterProvider', '$httpProvider', 
    function ($stateProvider, $urlRouterProvider, $httpProvider) {
      $stateProvider
        .state('search', {
          url: '/search',
          templateUrl: 'templates/search2.html'
        })
        .state('/venue-details/:venueid', {
          url: '/venue-details',
          templateUrl: 'templates/venue-details.html',
          controller: 'venueDetailCtrl'
        });
      }
  ]);

controller.js

app.controller('venueDetailCtrl', ['$scope', '$stateProvider',
  function($scope, $stateProvider) {
    $scope.venueid = $stateProvider.venueid;
  }
]);

Место-details.html

detail view for <span>{{venueId}}</span>

Srikaran Maheshwaram 29 янв. 2016, в 12:48

Ещё вопросы

всякий раз, когда необработанные выражения {{ }} печатаются в конечном выводе, это указывает на то, что у вас есть какая-то ошибка скрипта, из-за которой angular не обрабатывал страницу. Какие ошибки в журнале консоли браузера? Это будет то, что помогает решить эту проблему.
Я не получаю никаких ошибок, я получаю представление о местах, но Venueid не разрешается. мой вывод в представлении места встречи - "представление детали для места встречи"
так что вы теперь говорите, что вы видите не {{ }} в выводе, а строковый литерал venueid ?
да. я не знаю, где я делаю неправильно

Walfrat · Accepted Answer · 2016-01-29T10-32-00.000Z

0

Лучший ответ

 function($scope, $stateProvider) {
        $scope.venueId = $stateProvider.venueId;
      }]);

Не $ stateProvider: $ stateParams :)

это может быть проблематично

.state('/venue-details/:venueId', {
                            url: '/venue-details',
                            templateUrl: 'templates/venue-details.html',
                            controller: 'venueDetailCtrl'
                      })

это должно быть

.state('venuedetail', {
      url: '/venue-details/:venueId',
      templateUrl: 'templates/venue-details.html',
      controller: 'venueDetailCtrl'
})

В названии состояния есть проблема.

Walfrat 29 янв. 2016, в 10:32

0

@krish: спасибо, я не видел, чтобы государство тоже не было правильно определено.
Walfrat 29 янв. 2016, в 13:28
0

извините, ребята, у меня все еще есть проблема. Вот мой вывод: «подробное представление для {{venueId}}», после изменения stateProvider на stateparams в моем контроллере, я получаю ошибку сейчас, как неизвестный поставщик инжектора »Ошибка: [$ injector: unpr] Неизвестный поставщик: $ statePramasProvider <- $ statePramas <- venueDetailCtrl "
Srikaran Maheshwaram 29 янв. 2016, в 13:54
0

прочитайте хорошо: $ state Pramas Provider <- $ state Pramas у вас есть опечатка :)
Walfrat 29 янв. 2016, в 13:55
0

ой извините. такая глупая ошибка: /. если бы я мог быть отвратительным, теперь мой вывод ** подробный вид для **. место проведения до сих пор не решено
Srikaran Maheshwaram 29 янв. 2016, в 14:09
0

вы исправили декларацию состояния как криш редактировать мой пост? Если это не работает, измените href на ui-sref = venuedetail ({venueId: venue.id}). И на всякий случай: распечатайте ваш venue.id на главном экране.
Walfrat 29 янв. 2016, в 14:14
0

да, я изменил это. app.controller ('venueDetailCtrl', ['$ scope', '$ stateParams', функция ($ scope, $ stateParams) {$ scope.venueId = $ stateParams.venueId;}]); , все еще его не работает для меня. То же самое у меня есть ** подробный вид для **
Srikaran Maheshwaram 29 янв. 2016, в 14:24
0

Хум, можешь ли ты отредактировать свой пост и добавить свой текущий код, пожалуйста? И вы добавили директиву ui-sref, которая является директивой, которую вы должны использовать поверх href = "", чтобы переходить из одного состояния в другое.
Walfrat 29 янв. 2016, в 14:36

Показать ещё 5 комментариев