Yeoman / Angular / Coffee .when()路由器无法路由-无法获取

马里乌斯·百万(Marius Million)

从Yeoman角式脚手架上进行基本安装,并且在整个使用期内,我无法让路由器加载基本模板。这是我的设置

//  index.html
<body ng-app="mvmdApp">
  <div class="container" ng-view=""></div>//  not sure how ng-view plays into this


//  app.coffee
myAppModule = angular.module("mvmdApp", [])
  .config( ($routeProvider, $locationProvider) ->
    $locationProvider.html5Mode true

    $routeProvider
      .when("/",
        templateUrl: "views/main.html"
        controller: "MainCtrl"
      )
      .when("/youtube",
        templateUrl: "views/youtube.html"
        controller: "YoutubeCtrl"
      )
  )


//  main.js
angular.module('mvmdApp')
  .controller 'MainCtrl', ($scope) ->
    $scope.awesomeThingss = [
      'HTML5 Boilerplate'
      'AngularJS'
      'Karma'
    ]

    $scope.youtube = ( $scope ) ->
      alert 'hi'

  .controller "YoutubeCtrl", ( $scope ) ->
    alert 'Work!'


//  views/youtube.html
<div class="youtube-unit">
  <div class="outer-frame">
    <div class="inner-frame">
      <iframe width="560" height="315" src="//www.youtube.com/embed/2FNEiTjcMM0" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
    </div>
  </div>
</div>

主控制器加载正常,我尝试了尽可能多的复制它

转到localhost:9000 / youtube给我一条Cannot GET /youtube消息。我觉得我已经尝试了所有组合。

耶稣罗德里格斯

Html5模式不仅涉及Javascript,还需要服务器来支持它。

尝试/ youtube时,它首先进入服务器,如果服务器无法管理它,则应渲染有角度的应用程序,以便路由器可以捕获路由并显示所需的内容。

我不确定Yeoman是否支持html5模式。

您可以尝试类似于Yeoman的linemanjs,它支持html5模式。

如果您想使用Yeoman,则将google用于yeoman的html5模式或使用hashbang :)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular UI路由器-使用参数“无法解析状态”

来自分类Dev

Angular:无法通过路由器传递对象吗?

来自分类Dev

无法安装Angular 1.5组件路由器

来自分类Dev

Angular 2路由器无法正常工作

来自分类Dev

反应路由器无法获取/路由

来自分类Dev

Angular 从路由器获取 futureSnapshot

来自分类Dev

Angular 2新路由器:浏览器的后退和前进按钮无法正常工作

来自分类Dev

Angular Ui路由器无法访问我控制器内的$ stateParams

来自分类Dev

Angular Ui路由器无法访问我的控制器内的$ stateParams

来自分类Dev

Angular 2新路由器:浏览器的后退和前进按钮无法正常工作

来自分类Dev

Angular 路由器无法正确响应浏览器 url

来自分类Dev

nginx错误``无法匹配任何路由''与Angular 2路由器3.0.0.-alpha.7

来自分类Dev

nginx错误``无法匹配任何路由''与Angular 2路由器3.0.0.-alpha.7

来自分类Dev

Angular 2新路由器:如何获取子组件的路由器参数?

来自分类Dev

Angular2在路由器出口之外获取路由器参数

来自分类Dev

使用angular ui路由器无法将$ state或$ stateParams注入指令

来自分类Dev

Angular ui路由器嵌套的ui-view无法正常工作

来自分类Dev

Angular 1组件路由器:无法读取未定义的属性“ startsWith”

来自分类Dev

Angular 2路由器无法与传递的多个参数一起使用

来自分类Dev

Angular ui路由器嵌套的ui-view无法正常工作

来自分类Dev

在Angular UI路由器中无法解析数据时的错误处理

来自分类Dev

Angular UI 路由器 - $stateParams 具有属性但无法访问它们

来自分类Dev

Angular 6 - 路由器无法导航到下一页

来自分类Dev

Yeoman,Angular Generator和Karma Test无法正常工作

来自分类Dev

无法创建yeoman Webapp

来自分类Dev

无法创建yeoman Webapp

来自分类Dev

angular2从路由器获取可选参数

来自分类Dev

Angular2:获取父路由器数据

来自分类Dev

Angular-在路由器事件中获取组件实例

Related 相关文章

  1. 1

    Angular UI路由器-使用参数“无法解析状态”

  2. 2

    Angular:无法通过路由器传递对象吗?

  3. 3

    无法安装Angular 1.5组件路由器

  4. 4

    Angular 2路由器无法正常工作

  5. 5

    反应路由器无法获取/路由

  6. 6

    Angular 从路由器获取 futureSnapshot

  7. 7

    Angular 2新路由器:浏览器的后退和前进按钮无法正常工作

  8. 8

    Angular Ui路由器无法访问我控制器内的$ stateParams

  9. 9

    Angular Ui路由器无法访问我的控制器内的$ stateParams

  10. 10

    Angular 2新路由器:浏览器的后退和前进按钮无法正常工作

  11. 11

    Angular 路由器无法正确响应浏览器 url

  12. 12

    nginx错误``无法匹配任何路由''与Angular 2路由器3.0.0.-alpha.7

  13. 13

    nginx错误``无法匹配任何路由''与Angular 2路由器3.0.0.-alpha.7

  14. 14

    Angular 2新路由器:如何获取子组件的路由器参数?

  15. 15

    Angular2在路由器出口之外获取路由器参数

  16. 16

    使用angular ui路由器无法将$ state或$ stateParams注入指令

  17. 17

    Angular ui路由器嵌套的ui-view无法正常工作

  18. 18

    Angular 1组件路由器:无法读取未定义的属性“ startsWith”

  19. 19

    Angular 2路由器无法与传递的多个参数一起使用

  20. 20

    Angular ui路由器嵌套的ui-view无法正常工作

  21. 21

    在Angular UI路由器中无法解析数据时的错误处理

  22. 22

    Angular UI 路由器 - $stateParams 具有属性但无法访问它们

  23. 23

    Angular 6 - 路由器无法导航到下一页

  24. 24

    Yeoman,Angular Generator和Karma Test无法正常工作

  25. 25

    无法创建yeoman Webapp

  26. 26

    无法创建yeoman Webapp

  27. 27

    angular2从路由器获取可选参数

  28. 28

    Angular2:获取父路由器数据

  29. 29

    Angular-在路由器事件中获取组件实例

热门标签

归档