无法在 Angular js/HTML 中获取单个记录

Question

希望你一切顺利..

我正在尝试通过 Angular-js 通过 UI 中的 Id 从数据源获取单个记录。使用 Web-API 从数据库中检索值。

为简单起见：HTML-->Angular-->WebAPI-->DB

当我尝试时它说 Id passed is Null..不知道如何纠正。希望我错过了填补某处的漏洞......下面的片段 fr ref.

（你也可以 verify/correct 我在 html 中编码的方式是显示 Id 获取的值的正确方法）

HTML :

<div ng-controller="SingleController">
        <input type="text" ng-model="_Id" />
        <input type="button" value="search" ng-click="search()" />
        <table>
            <tr>
                <td>MovieId</td>
                <td>{{MovID}}</td>
            </tr>
            <tr>
                <td>Title</td>
                <td>{{Movtitle}}</td>
            </tr>
            <tr>
                <td>Genre</td>
                <td>{{Movgnre}}</td>
            </tr>
            <tr>
                <td>Classification</td>
                <td>{{Movcls}}</td>
            </tr>
            <tr>
                <td>ReleaseDate</td>
                <td>{{Movdate}}</td>
            </tr>
            <tr>
                <td>Rating</td>
                <td>{{Movrate}}</td>
            </tr>
            <tr>
                <td>Cast</td>
                <td>{{Cast}}</td>
            </tr>
        </table>
    </div>

Controller.JS

app.controller('SingleController', function ($scope, MyService) {
var Id = $scope._Id;
$scope.search = function (Id) {
    var promiseGetSingle = MyService.getbyId(Id);

    promiseGetSingle.then(function (pl) {
        var res = pl.data;
        $scope.MovID = res._movieId;
        $scope.Movtitle = res._title;
        $scope.Movgnre = res._genre;
        $scope.Movcls = res._classification;
        $scope.Movdate = res._releaseDate;
        $scope.Movrate = res._rating;
        $scope.Cast = res._cast;

        //   $scope.IsNewRecord = 0;
    },
              function (errorPl) {
                  console.log('failure loading Employee', errorPl);
              });
    }
});

service.js

this.getbyId = function (Id) {
    return $http.get("/api/values/" + Id);
};

请忽略这个冗长的片段。你能帮我解决这个问题吗？

Answer 1

您的搜索函数希望您在 ng-click 上调用它时传递一个值：

<input type="button" value="search" ng-click="search(_Id)" />

无法在 Angular js/HTML 中获取单个记录

Can't fetch single record in Angular js/HTML

html

javascript

asp.net-web-api

angularjs