Question

我是Meteor和AngularJs的新手。我正在尝试关注https://github.com/lvbreda/Meteor_angularjs上的示例应用，但到目前为止我无法使其正常运行。

我在这段代码中收到错误'app is not defined'：

app.controller('MeteorCtrl', ['$scope', '$meteor', function ($scope, $meteor) {
Uncaught ReferenceError: app is not defined
    $scope.todos = $meteor("todos").find({});
    $meteor("todos").insert({
        name: "Do something",
        done: false
    });

我试图重写以上内容：

var MeteorCtrl = function ($scope, $meteor) {
    $scope.todos = $meteor("todos").find({});
    $meteor("todos").insert({
        name: "Do something",
        done: false
    })
};

仍在抛出错误'错误：未知提供商：$ meteorProvider＆lt; - $ meteor'

https://github.com/bevanhunt/meteor-angular-leaderboard处米+角度的唯一另一个例子似乎已过时。

有人可以使用https://github.com/lvbreda/Meteor_angularjs的包发布一个简单但完全可以下载的meteor + angularjs示例吗？

Answer 1

我显然有偏见，但我们的团队编写并维护了这个库 - angular-meteor，我们还发布了一个将两者结合起来的教程 - angular-meteor tutorial

Answer 2

虽然我没有使用lvbreda的Angular包，但我能够以相对简单的方式将Angular与Meteor + Blade集成为HTML模板语言。我从Daniel Olano的Ng-Meteor包开始，最后得到了我自己的Meteor / Angular桥实现。我是Meteor和Angular的新手，但它看起来效果很好，我觉得代码非常透明，所以我很清楚它是如何工作的。

我编写了以下CoffeeScript模块，名为client / ngMeteor.coffee，它定义了Meteor和Angular之间的桥梁：

define("ngMeteor", [], ->
  angular.module('ngMeteor.directives', [])

  angular.module('ngMeteor.services', [])

  angular.module('ngMeteor.blade', []).run(['$templateCache', '$rootScope', '$compile',
    ($templateCache, $rootScope, $compile) ->
      bodyTemplate = Template.body
      if !bodyTemplate
        throw new Error("A body template must be defined ('body.blade')")

      # Render each template and place in Angular's template cache
      $templateCache.put "#{key}.blade", render() for own key, render of Template

      # Render the body template and have Angular compile it, then inject it into the DOM's body element
      Meteor.startup(()->
        # Necessary?
        Spark.finalize(document.body)
        $('html').attr('data-ng-app', '')
        $('body').html($compile(bodyTemplate())($rootScope))
        $rootScope.$apply()
      )
  ])
  angular.module 'ngMeteor', ['ngMeteor.blade', 'ngMeteor.services', 'ngMeteor.directives']
)

有关完整的工作示例，请参阅this example project of mine。感谢您的反馈。

Answer 3

我刚刚创建了一个简单的例子，展示了如何创建一个简单的角度流星应用程序。

该应用程序显示mongo集合中的一些项目，并可以通过浏览器控制台实时更新集合。（只是带有angular-js的默认流星特征）

可以在github上找到：https://github.com/tom-muhm/angular-meteor-example。

Answer 4

您可以在不同的分支中找到一些示例 https://github.com/alex-okrushko/Meteor_angularjs

我在https://github.com/linepos/linepos中构建了一个应用，但现在它无效，因为lvbreda更改了代码

您可以使用https://github.com/kievechua/flame-on

的不同方法

Answer 5

刚遇到同样的问题。通过添加meteor依赖

解决

angular.module('meteorapp', ["meteor"]) # <------------------- Here
.config ['$routeProvider', '$locationProvider', ($routeProvider, $locationProvider) ->
  $locationProvider.html5Mode(true)
  $routeProvider.when '/',
   controller: 'home'
]