UI-view не изменен

Question

Я делаю приложение в Ruby on Rails и используя AngularJS. Мой application.js файл

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require angular.min 
//= require angular-ui-router.min 


var app = angular.module("railsApp", ['ui.router']).config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     .state('home', { 
      url: '/', 
      templateUrl: 'home.html' 
     }) 
     .state('about', { 
      url: 'about', 
      templateUrl: 'about.html' 
     }); 
    $urlRouterProvider.otherwise('/'); 
}); 

app.controller("mainCtrl", function($scope) { 
    $scope.helloMsg = "Hello from test application"; 
}); 

индексная страница

<h1>Welcome#index</h1> 
<p>Find me in app/views/welcome/index.html.erb</p> 

{{helloMsg}}<br> 
<ui-view></ui-view> 

<a ui-sref="about">about</a> 

когда индексная страница загружается я вижу сообщение «Привет из тестового приложения» и в <ui-view></ui-view> замещенного содержимого шаблона, но я нажал о связи нового шаблона не загружается, а URL не изменяется в/о. в чем проблема? Спасибо и извините за мой английский

Answer 1

Пожалуйста, попробуйте, это исправит проблему с URL-адресом и предоставит запрашиваемые просмотры. Вы должны предоставить идеальный URL-адрес , чтобы представление было выполнено правильно.

var app = angular.module("railsApp", ['ui.router']).config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     .state('home', { 
      url: '/', 
      templateUrl: 'home.html' 
     }) 
     .state('/about', { 
      url: 'about', 
      templateUrl: 'about.html' 
     }); 
    $urlRouterProvider.otherwise('/'); 
}); 

Answer 2

согласно ui router readme, попробуйте изменить url: 'about' to URL: «/ о»