均值 Angular 表示

Question

我是 MEAN 的新手。我正在尝试编写一个程序来列出现有产品并创建新产品。

首先，我使用 "NEW" link-按钮，我希望它在我已经在的页面中显示一个表单，当我点击那个按钮时按钮它会转到一个新页面并且不显示该表单。

产品控制器：

exports.create = function(req, res) {

    var product = new ProductModel(req.body);

    product.save(function() {
        res.json(product);
    });
};


exports.list = function(req, res) {
    ProductModel.find(function(products) {
        res.json(products);
    });
};

产品路线：

module.exports = function(app) {
app.route('/products')
    .get(products.list)
    .post(products.create);

app.route('/')
    .get(products.list)
    .post(products.create);};

Angular 产品路线：

angular.module('productsmodule').config(['$routeProvider', function($routeProvider) {

$routeProvider.
when('/', {
  templateUrl: 'product/views/list-poducts.view.html'
}).
when('/products',{
    templateUrl: 'products/views/list-poducts.view.html'
}).
when('/products/create',{
    templateUrl: 'products/views/create_products.view.html'
}); }]);

服务

    angular.module('productsmodule').factory('ProductsService',['$resource', function($resource) {  return $resource('/products/:productId', {
productId: '@_id'} });}]);

Angular控制器

angular.module('productsmodule').controller('ProductsController', ['$scope', '$location','ProductsService', function($scope, $location, ProductsService){

$scope.name2 = 'Initial Value List';
$scope.name3 = 'Initial Value Create';

$scope.create = function (){
    var product = new Products({
        name: this.name,
        category: this.category,
        price: this.price
    });
    product.$save(function(response){
        $location.path('products/'+response._id);
    });
};

$scope.find = function(){
    $scope.products = ProductsService.query();
};![enter image description here][1]}]);

可能会有很多愚蠢的错误，但我无法访问任何其他来源，所以非常感谢任何帮助！

干杯！

Answer 1

您使用的是 mean.io 还是 mean.js？

如果您使用 mean.js，您应该通过 CLI 创建您的模块，像这样

$ yo meanjs:crud-module <module-name>

您可以在这里找到更多信息：http://meanjs.org/generator.html#crud-module

如果您使用的是 mean.io，您也可以使用 CLI，但我不是很熟练。此处的文档：http://learn.mean.io/#mean-stack-cli-overview

希望对您有所帮助！

均值 Angular 表示

Mean Angular Express

angularjs

express

mean-stack