可以't在Angular js/HTML中获取单个记录

希望你做得很好。。

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

简单来说：HTML-->Angular-->WebAPI-->DB

当我尝试时，它说传递的Id为Null。。不知道如何改正。希望我错过了填补空缺的机会。。。。以下片段参考

（你也可以验证/纠正我在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);
              });
    }
});

services.js

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

请忽略这些冗长的片段。你能帮我一下吗。