2

ユーザーのログイン、投稿、および削除の認証を処理するyeomanフルスタックジェネレーターを使用しているプロジェクトがあります。リストに入力されているアイテムをクリックし、別のページでそのアイテムの詳細を表示できるようにしたいと考えています。

これは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>

これは私のView Controllerです(私の考えでは、特定のIDを取得するために呼び出す関数はここにあるはずです。間違っている場合は修正してください)

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

$http.get('/api/things/'+$stateParams._id ).success(function(thing) {
  $scope.awesomeThings = awesomeThings;
  socket.syncUpdates('thing', $scope.awesomeThings);
});

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

}))

これは、すべての関数を処理するコントローラーです。これはフルスタック ジェネレーターによって生成されました。

/**
 * 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);
}

私が間違っていること、または変更する必要があることを教えてください!よろしくお願いいたします。

4

1 に答える 1