如何使用angular和javascript使我的mlab數據庫顯示在我的html頁面上？

Question

水果是這樣，所以我可以確保它能起作用。 然后我將其與mlab一起使用

這是我想要顯示在html頁面中的內容。

<body ng-controller="PackingController as vm">

  <h2>List of fruits</h2>
  <li ng-repeat="fruit in vm.fruits">{{fruit}}</li>

</body>

在我的packingcomponents.js頁面中，我像這樣。

class PackingController {
  constructor($http) {
    this.pack = "are you here";
    this.packing = $http({
      method: "GET",
      url: "/api/camp"
      //handels success
    }).then(function mySuccess(response) {
      console.log(response.data);
      return response.data;

      //handels errors
    }, function myError(response) {
      return response.statusText;

    });
    this.packinglist = this.packing;
    console.log(this.packing);
  }
}

然后我的最后一頁是我的angular_app.js頁面。

app.controller("PackingController", PackingController) 
this.hello = "world";
this.fruits = ["apples", "oranges", "berries"];

現在，我試圖使其正常工作，然后使其在頁面上顯示我的裝箱單。

Answer 1

如果您使用的是AngularJs修改以下部分代碼：

1-將此模板用於您的控制器

 (function() { "use strict"; angular.module("app") .controller("PackingController", PackingController); /* @ngInject */ function PackingController(factory) { var vm = this; //-------------------------------variables vm.fruits = []; //-------------------------------functions main(); function main() { // call factory and get controller's data } } })();

2-修改您的HTML代碼

 <div ng-controller="PackingController as vm"> <h2>List of fruits</h2> <ul> <li ng-repeat="fruit in vm.fruits">{{fruit}}</li> </ul> </div>

如何使用angular和javascript使我的mlab數據庫顯示在我的html頁面上？

問題描述

1 個解決方案

解決方案1
0 2018-05-05 18:22:03

如何使用angular和javascript使我的mlab數據庫顯示在我的html頁面上？

問題描述

1 個解決方案

解決方案1 0 2018-05-05 18:22:03

解決方案1
0 2018-05-05 18:22:03