angularjs - 带有 CoffeeScript/Jade 的 Meteor 上的 Angular

Question

我觉得我已经很接近了，但我对为什么这个设置对我不起作用感到困惑。https://github.com/jaruesink/first_meteor

感谢任何可以提供帮助的人，我只是在尝试学习并享受新项目的乐趣。

脚本/_main.coffee

@App = angular.module('App', [
'angular-meteor'
'ngMaterial'
'ui.router'
])

@App.config [
    '$interpolateProvider'
    ($interpolateProvider) ->
        $interpolateProvider
            .startSymbol '[['
            .endSymbol   ']]'
]

脚本/router.coffee

@App.config [
    '$stateProvider', '$urlRouterProvider', '$locationProvider'
    ($stateProvider, $urlRouterProvider, $locationProvider) ->
        $locationProvider.html5Mode true
        $urlRouterProvider.otherwise '/home'
        $stateProvider.state('home'
            url: '/home'
            templateUrl: UiRouter.template 'home'
        )
]

索引.jade

head
    title App
    base(href="/")
body(ng-app="App")
    div.container
        h1 If 2 + 5 = [[2+5]], then I'm working :-)
        p but why isn't the router below showing up?
        div(ui-view)

意见/主页/home.jade

template(name='home')
section#home
    div.container
        h1 hello world, 1 + 2 = [[1+2]]

但这就是发生的事情（突出显示的 ui-view 也再次与所有脚本重复标题代码）

Answer 1

在您的文件 router.coffee 中，在 templateUrl 属性上，您只需提及模板的名称，如下所示：

@App.config [
    '$stateProvider', '$urlRouterProvider', '$locationProvider'
    ($stateProvider, $urlRouterProvider, $locationProvider) ->
        $locationProvider.html5Mode true
        $urlRouterProvider.otherwise '/home'
        $stateProvider.state('home'
            url: '/home'
            templateUrl: 'home'
        )
]

您的应用程序将正常工作