Question

学习使用AngularJS（1.6.x）和ui-router，并尝试从单个$ stateProvider.state参数传递一个简单的文本字符串（GOOD TEST），然后再尝试更复杂的事情。通过其他SO帖子和AngularJS文档。我的代码没有语法错误（komodo编辑11），没有角度引用或加载错误或控制台中的任何错误。浏览器是chrome v66.0.x.状态的类/链接（US Calculator）和URL都在页面上执行得很好。当我点击课程激活它时，没有任何反应。猜测javascript中的.configs没有正确设置。 HTML和JS代码如下：

＆＃13;

angular
    .module('myTestApp', ['ui-router'])

.config(['$stateProvider', function($stateProvider){
    $stateProvider
        .state('usCalculator', {
            url: '/usCalculator',
            template: 'GOOD TEST'
        });
}]);

＆＃13;

<!doctype html>
 <html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.18/angular-ui-router.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script type="text/javascript" src="myTestApp.js"></script>
    <link rel="stylesheet" href="style.css">
  </head>
  
  <div class="container" ng-app="myTestApp">
      <a href="#/usCalculator">US Calculator</a>
      <div ui-view>
      </ui-view>
  </div>
</html>

＆＃13;

Answer 1

ng-app中有2 html，您正在插入"ui-router"，它应为"ui.router"

Check this plunkr

angular.module('myTestApp', ["ui.router"])

ui-router $ stateProvider文本参数不显示ui-view，AngularJS 1.6.x.

1 个答案: