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网址：“/约”