从数据库中获取单词 - 不会有内容输出

本文关键字:不会有 输出 单词 数据库 获取 | 更新日期: 2023-09-27 17:57:09

这就是

我尝试的方式,以便它在数据库中检索我的内容。我通过 C# 获得内容,但我想让它在写"L"时立即找到单词,然后所有单词本身都带有 L。

现在根本不是内容。但是我快速重新加载页面给了我一种 {{VALUE}} 存在的标志,但什么也没得到。

在Colsole中没有错误

Words.cshtml

<div class="container" style="min-height:300px;" ng-app="WordSpreads" ng-controller="WordSpreadsListValue">
<div class="col-md-12">
    <input type="text" placeholder="@Helpers.HelperText.ContentPanel.WordText" class="form-control input-lg" ng-model="test">
    <div ng-repeat="Value in entries | filter:test"> 
        {{ Value }}
    </div>
</div>

加载字.js:

var app = angular.module('WordSpreads', []);
app.controller('WordSpreadsListValue', function($scope, $http) {
    $http.get('../Profile/MWordSpreads').success(function(data){
        $scope.entries = data.entries;
    });
});

轮廓:

[HttpGet]
    public ActionResult MWordSpreads()
    {
        WordsSpreadsListValue model = new WordsSpreadsListValue();
        var db = HelperToTables.DbValue;
        model.List = db.WordSpreads.ToList();
        return View(model);
    }

我在这里寻找:

  1. Http-Get

EIDT - 更新 :

[HttpGet]
    public JsonResult MWordSpreads()
    {
        WordsSpreadsListValue model = new WordsSpreadsListValue();
        var db = HelperToTables.DbValue;
        var _modelList = db.WordSpreads.ToList();
        return Json(_modelList, JsonRequestBehavior.AllowGet);
    }

从数据库中获取单词 - 不会有内容输出

我只测试了客户端部分(Javascript),它工作了:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Search</title>
</head>
<body>
    <div class="container" style="min-height:300px;" ng-app="WordSpreads" ng-controller="WordSpreadsListValue">
    <div class="col-md-12">
    <input type="text" class="form-control input-lg" ng-model="test">
    <div ng-repeat="Value in entries | filter:test"> 
        {{ Value }}
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<script>
var app = angular.module('WordSpreads', []);
app.controller('WordSpreadsListValue', function($scope, $http) {
    $scope.entries = [
        'Astrid',
        'Bjarne',
        'Casper',
        'Erik',
        'Kristin',
        'Lisbet',
        'Mikael',
        'Peter',
        'Pia',
        'Thomas'
    ];
});
</script>
</body>
</html>

这对你有帮助吗?

啊!更喜欢使用

$http.get('../Profile/MWordSpreads')
.then(function(response) {
    $scope.entries = response.data.entries;
}, function(rejection) {
    alert('Error: ' + JSON.stringify(rejection, null, 4));
});

而不是

$http.get('../Profile/MWordSpreads')
.success(function(data, status, headers, config) {
    $scope.entries = data.entries;
})
.error(function(data, status, headers, config) {
    alert('Error: ' + status +  ' ' + JSON.stringify(data, null, 4));
});

../Profile/MWordSpreads中,它返回一个 html 文档作为数据并设置为 $scope.entries 。这就是您不会在页面中显示数据的原因。

我建议改用 ApiController。

    [HttpGet]
    public WordsSpreadsListValue MWordSpreads()
    {
        WordsSpreadsListValue model = new WordsSpreadsListValue();
        var db = HelperToTables.DbValue;
        model.List = db.WordSpreads.ToList();
        return model;
     }

很长时间不使用 angularjs,我不确定下面的代码是否有效。

LoadWords.js: $scope.entries = data.List;

Words.cshtml:你可以像这样获取类WordSpreads的属性{{Value.someprop}}