Question

我使用了角度js和ejs。重复很好但是，数据库数据没有进入。

我该如何修复我的代码？

在此angularjs代码中

var app = angular.module('myApp', []);
app.controller('BasicCtrl20', function($scope, $http) {
  $http.get("/concept_db")
  .then(function(response) {
      $scope.gridOptions4 = response.data;

  });

});

在我的代码中

<div class="container">
  <div ng-app="myApp" ng-controller="BasicCtrl20"> 
   <div class="row">
<span style="line-height:30px"><br></span>

<div class="toggles">
   <button id="showall">전체 제품 보기</button> 
  <button id="furniture">가구/인테리어</button>
  <button id="homeappliances">디지털 가전</button>
  <button id="life">생활/건강</button>
  <button id="sport">스포츠/레저</button>
  <button id="delivery">출산/육아</button>
  <button id="fashion">패션잡화</button>
</div>

<div class="posts">
    <div class="gallery">
        <div ng-repeat="gridoptions in gridOptions4">
            <div class="{{gridOptions.class}}">
                <div class="gallery-item">
                    <a href="{{gridOptions.main_href}}">
                        <div class="gallery-item-image">
                            <img ng-src="{{gridOptions.imgsrc}}">
                        </div>
                    </a>
                    <div class="gallery-item-description">
                        <p align="center">{{gridOptions.name}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>

并重新开始

我想从数据库导入数据。

控制台日志结果

Answer 1

你有很多元素，所以那里有明显的东西。 ng-repeat不会从错误或空气中创建20个元素。

但字段名称可能不对。它不是name（或name在数据库中的每个项目上实际上都是空的！）。检查您的字段名称是否正确。可能是大写Name或NAME或误导naem。或者完全不同的内容，例如label或title。

最简单的方法是在获取数据时记录数据，并亲自查看。

.then(function(response) {
    console.log( response.data );  <-- look in the console!
    scope.gridOptions4 = response.data;

或者因为它是GET请求。右键单击控制台中的该链接XHR finished loading: GET "https://localhost:3000/concept_db".＆lt; - 右键单击，在新选项卡中打开。这可能不是最容易阅读的内容，但只是看一看数据就这么快就能让你知道自己在做什么。

如何修复我的代码？ angularjs，ejs代码

1 个答案: