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

【问题标题】：Get Words from database - There will be no content out从数据库中获取单词 - 不会有内容输出
【发布时间】：2016-07-14 15:55:02
【问题描述】：

这就是我尝试这样做的方式，以便它在数据库中检索我的内容。我是通过 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>

加载Words.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);
    }

我在这里寻找：

Her
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 c# angularjs

【解决方案1】：

我只测试了客户端部分（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));
});

【讨论】：

【解决方案2】：

在../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：你可以像这样{{Value.someprop}} 获得WordSpreads 类的属性

【讨论】：

我可以看到你的想法。但它并没有像我在数据库中写的那样提出建议/它。
我还可以告诉你，当我来到该站点时，如果你这样做会出错。所以它不完全是你写的。
通常情况下，您只需要将数据返回到前端。我正在使用 webapi2，所以我将返回更改为模型。当然也可以返回jsonresult，序列化model，返回前端。
是的，直到今晚我也读了我的书。例如，我在这里尝试过这样做。我添加了我的更新程序。