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

Question

学习使用 AngularJS (1.6.x) 和 ui-router 并尝试从单个 $[=26 传递一个简单的文本字符串 (GOOD TEST) =] 参数，然后再尝试更复杂的事情。浏览其他 SO 帖子和 AngularJS 文档。我的代码没有语法错误（komodo edit 11），也没有 angular 引用或加载错误或控制台中的任何错误。浏览器是 chrome v66.0.x。状态（美国计算器）的 class/link 和 URL 都在页面上执行得很好。当我点击 class 激活它时，什么也没有发生。猜测 javascript 中的 .configs 设置不正确。 HTML JS代码如下：

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

.config(['$stateProvider', function($stateProvider){
    $stateProvider
        .state('usCalculator', {
            url: '/usCalculator',
            template: 'GOOD TEST'
        });
}]);

<!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>

Answer 1

你的 html 中有 2 个 ng-app 而你要插入 "ui-router" ，应该是 "ui.router"

Check this plunkr

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

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

ui-router $stateProvider text parameter not displaying with ui-view, AngularJS 1.6.x

angularjs

angular-ui-router