UI-view not changed

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未更改爲/ about。問題是什麼？感謝和抱歉我的英文

Answer 1

請嘗試此操作將修復您的網址問題並呈現請求的views.You必須提供完美的網址 ，以便視圖能夠被完整地修改。

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網址：「/約」