Javascript 如何在Angular'；尤曼发电机？

我有一个项目，我正在使用yeoman fullstack generator，它处理用户登录、发布和删除的身份验证。我希望能够在一个列表中填充的项目上单击，并在另一个页面上查看该项目的更多详细信息

这是HTML

<div id="eventsListContainer" class="row">
<div class="col-lg-12">
  <h1 class="listHeader">Nightlife</h1>
  <ul class="nav nav-tabs nav-stacked col-md-4 col-lg-4 col-sm-6" ng-repeat="thing in awesomeThings | orderBy: '-date' | filter: 'Nightlife'">
    <li><a class="eventItem" ng-href="/things/:id">
        <p class="eventName">{{thing.name}}</p> 
        <p class="eventDate">{{thing.date}}</p>
        <!-- <button type="button" class="close" ng-click="deleteThing(thing)">&times;</button> -->
    </a></li>
  </ul>
</div>

})

这是我的控制器，处理所有的函数，这是由fullstack生成器生成的

/**
 * Using Rails-like standard naming convention for endpoints.
 * GET     /things              ->  index
 * POST    /things              ->  create
 * GET     /things/:id          ->  show
 * PUT     /things/:id          ->  update
* DELETE  /things/:id          ->  destroy
*/

'use strict';

var _ = require('lodash');
var Thing = require('./thing.model');

// Get list of things
exports.index = function(req, res) {
Thing.find(function (err, things) {
if(err) { return handleError(res, err); }
return res.json(200, things);
});
};

// Get a single thing
exports.show = function(req, res) {
 Thing.findById(req.params.id, function (err, thing) {
  if(err) { return handleError(res, err); }
  if(!thing) { return res.send(404); }
  return res.json(thing);
 });
};

// Creates a new thing in the DB.
exports.create = function(req, res) {
 Thing.create(req.body, function(err, thing) {
 if(err) { return handleError(res, err); }
return res.json(201, thing);
});
};

 // Updates an existing thing in the DB.
 exports.update = function(req, res) {
 if(req.body._id) { delete req.body._id; }
Thing.findById(req.params.id, function (err, thing) {
if (err) { return handleError(res, err); }
if(!thing) { return res.send(404); }
var updated = _.merge(thing, req.body);
updated.save(function (err) {
  if (err) { return handleError(res, err); }
  return res.json(200, thing);
});
});
};

// Deletes a thing from the DB.
exports.destroy = function(req, res) {
Thing.findById(req.params.id, function (err, thing) {
if(err) { return handleError(res, err); }
if(!thing) { return res.send(404); }
thing.remove(function(err) {
  if(err) { return handleError(res, err); }
  return res.send(204);
});
});
};

function handleError(res, err) {
 return res.send(500, err);
}

---

请让我知道我做错了什么或需要改变什么！提前感谢您的时间。

我似乎已经通过修改代码和在线查找不同的答案解决了这个问题。我没有在my view.js中正确调用我的视图，我需要添加：id，如下所示

angular.module('applicationtonightApp')
 .config(function ($routeProvider) {
  $routeProvider
  .when('/view/:id', {
    templateUrl: 'app/view/view.html',
    controller: 'ViewCtrl'
  });
 });

并将my view.controller.js更新为以下内容

angular.module('applicationtonightApp')
 .controller('ViewCtrl', function ($scope, $http, socket, $routeParams) {
  $scope.awesomeThings = {};

   $http.get('/api/things/'+ $routeParams.id ).success(function(thing) {
  console.log('WORKING');
  $scope.thing = thing;
  socket.syncUpdates('thing', $scope.awesomeThings);
});

$scope.$on('$destroy', function () {
  socket.unsyncUpdates('thing');
});

})

---

这似乎现在工作正常。

您是否在

yoursite.com/things/：id

上有视图？Andrew my list位于一个名为list.html的视图中，它有自己的控制器等。。。我还创建了一个名为“view.html”的单独视图，在该控制器中，我传递javascript以从列表中获取单个项目以查看更多信息。我不确定是否需要直接在链接中传递视图，或者是什么。您的

view.js

中有什么内容？

angular.module('applicationtonightApp')
 .controller('ViewCtrl', function ($scope, $http, socket, $routeParams) {
  $scope.awesomeThings = {};

   $http.get('/api/things/'+ $routeParams.id ).success(function(thing) {
  console.log('WORKING');
  $scope.thing = thing;
  socket.syncUpdates('thing', $scope.awesomeThings);
});

$scope.$on('$destroy', function () {
  socket.unsyncUpdates('thing');
});

})