Nano Hash - криптовалюты, майнинг, программирование

UI Router templateURl не работал должным образом

Это моя структура папок. тема

объект

источник

приложение

страницы

  • а.html

  • б.html

    виджеты

    приложение

поставщик

index.html

Когда мы используем URL-адрес шаблона для маршрутизации, мы получаем следующую проблему

XMLHttpRequest не может загрузить файл:///C:/Users/CAD1788/Desktop/Mobile/srcapppagesa.html. Запросы между источниками поддерживаются только для схем протоколов: http, data, chrome, chrome-extension, https, chrome-extension-resource.

app.js:

app.config(function($stateProvider, $urlRouterProvider){
      // For any unmatched url, send to /SearchResults
      $urlRouterProvider.otherwise("/a1")

      $stateProvider
        .state('a1', {
            url: "/a1",
            templateUrl: "src\app\pages\a.html"
            //template:"<h1>one</h1>"
        })


        .state('b1', {
            url: "/b1",
            templateUrl: "src\app\pages\b.html" 
            //template:"<h1>Two</h1>"
        })

});

HTML:

<li><a ui-sref="a1">Knowledge Base</a></li>
        <li><a ui-sref="b1">My Briefcase</a></li>

Firefox работает нормально

angularjs angular-ui-router
16.06.2016

  • почему вы используете обратную косую черту вместо косой черты? ошибка определенно показывает, что обратная косая черта была удалена из вывода, что нормально. 16.06.2016
  • @Claies: мы также пытаемся использовать косую черту, но это то же самое в хроме 16.06.2016
  • Я никогда не видел, чтобы Chrome удалял правильную косую черту из URL-адреса. 16.06.2016
  • @Claies: мы попробовали templateUrl: src/app/pages/a.html, он отлично работает в Firefox, но Chrome не работает должным образом. 16.06.2016
  • и вы получили то же сообщение об ошибке в Chrome с тем же URL-адресом, что и сообщение, которое вы разместили в теле вопроса? это не кажется правильным. 16.06.2016
  • Вы пробовали в localhost? 16.06.2016
  • @HarishKommuri : да, мы пробовали в моем местном 16.06.2016
  • о, кроме того, хром не поддерживает запросы ajax к пути file://; если вы используете ui-router, вы должны использовать сервер. 16.06.2016

Ответы:


1

Попробуйте добавить этот блок просмотра внутри состояния:

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

      $urlRouterProvider.otherwise("/a1")

      $stateProvider
        .state('a1', {
            url: "/b1",
            views: {
              "main": {
                 templateUrl: "src/app/pages/b.html" 
             }
           }    
        })
});

И чтобы маршруты работали, вы должны использовать какой-то сервер для запуска приложения.

16.06.2016
  • Мы получили Запросы перекрестного происхождения поддерживаются только для схем протоколов: http, data, chrome, chrome-extension, https, chrome-extension-resource. ошибка в консоли 16.06.2016
  • Какой сервер вы используете для запуска приложения. 16.06.2016
  • Я думаю, что вы запускаете его как файл, пожалуйста, используйте какой-нибудь сервер для запуска приложения, тогда эта проблема будет решена. 16.06.2016
  • https://www.npmjs.com/package/http-server, вы можете использовать этот http-сервер. 16.06.2016
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..