Angular 在流星上 CoffeeScript/Jade

Question

我觉得我很接近，但我不明白为什么这个设置不适合我。 https://github.com/jaruesink/first_meteor

感谢任何可以帮助解决这个问题的人，我只是想学习并从新项目中获得乐趣。

scripts/_main.咖啡

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

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

scripts/router.咖啡

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

index.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)

views/home/home.玉

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

但实际情况是这样的（突出显示的 ui-view 也对所有脚本重复了 header 代码）

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'
        )
]

您的应用程序可以正常工作

Angular 在流星上 CoffeeScript/Jade

Angular on Meteor with CoffeeScript/Jade

coffeescript

angularjs

meteor

meteor-blaze

angular-meteor