从数据库中获取单词 - 不会有内容输出
本文关键字:不会有 输出 单词 数据库 获取 | 更新日期: 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);
}
我在这里寻找:
- 她
- 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}}