Question

第一次尝试在打字稿中写一个ui.router。截至目前我的代码看起来像这样：

ipython console --existing kernel-715d122b-4902-4c9d-a663-8da4c34c96ee.json --profile notebook

尽管编译代码看起来很好，路由器似乎不起作用，我在控制台中没有错误，也没有执行任何路由。我想问题很愚蠢，但我似乎无法找到它。有什么想法吗？

Answer 1

对我来说，你的代码是按原样运行的。您的代码按原样 a working plunker 。

这是index.html

<html ng-app="smm" >

  <head>
    <title>my app</title>
    <style>ul { padding-left: 0; } li { list-style: none; }</style>
    <script data-require="angular.js@*"
            src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular.js"
    ></script>
    <script data-require="ui-router@*" 
            src="//rawgit.com/angular-ui/ui-router/0.2.15/release/angular-ui-router.js"
    ></script>
    <script src="script.js"></script>
    <script src="Config.js"></script>
  </head> 

  <body>
    <ul>
      <li><a href="#/login">/login</a>
      <li><a href="#/main">/main</a>
    </ul>

    <div ui-view=""></div>
  </body> 
</html>

这是script.js：

var app = angular
  .module('smm', [
    'ui.router' 
  ])

Config.js的内容可以是found here

检查工作示例here

注意，

<html ng-app="smm" ng-strict-di>
...

我们需要：

angular.module('smm')
    .config(['$stateProvider', '$urlRouterProvider',
    ($stateProvider, $urlRouterProvider) => {
        return new Configuration($stateProvider, $urlRouterProvider)
    }]);

检查forked version here和playground snippets here

Typescript angular 1.x ui.router

1 个答案: