2015-09-23 159 views
1

我覺得我很親密,但我掛斷了爲什麼這個設置不適合我。 https://github.com/jaruesink/first_meteor角流星與CoffeeScript/Jade

非常感謝任何能夠幫助解決這個問題的人,我只是想學習一些新的項目並且獲得樂趣。

腳本/ _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' 
     ) 
] 

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) 

的意見/家庭/ home.jade

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

但這裏是發生了什麼(高亮顯示的UI視圖再次重複所有的腳本的頭部代碼太)

I get duplicate code where one works and the other doesn't

enter image description here

+0

也爲有興趣的人這些都是到目前爲止,我已經安裝了軟件包: 角:角料0.10.1 * | angularui:angular-ui-router 0.2.15 | autopublish 1.0.3 * | bootstrap 1.0.1 | 不安全1.0.3 * | less 1.0.14 * | meteor-platform 1.2.2 * | meteorhacks:kadira 2.23.0 * | mquandalle:玉0.4.3 * | ndxbxrme:ng-coffeescript 1.2.2 | urigo:angular 0.9.3 * | urigo:angular-ui-router 0.7.0 – jaruesink

+0

這裏沒有論據,但你爲什麼要用Angular與Meteor?我已經做了一段時間Angular,並轉向流星:它擁有所有你想要和需要的,更多,沒有開銷。只要去流星,忘記角;海事組織混合2只是讓你的生活無緣無故。 – MrE

+0

哈哈@MrE你可能是對的,但我仍然認爲角度做一些好的流星沒有的東西。我非常密切地關注角材料,並且非常喜歡它們讓它構建完整的應用程序變得容易。所以這就是主要原因 – jaruesink

回答

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

您的應用程序將正常工作

Test of App

+0

這讓我很生氣哈哈,非常感謝。我覺得這很簡單,但我看到的文檔有另外一行。無論如何非常感謝! – jaruesink

+1

不客氣,你做了很難的部分! –