创建一个指令以使 ng-keyup 成为备用搜索初始值设定项

creating a directive to make ng-keyup be an alternate search initializer

本文关键字:搜索 备用 ng-keyup 一个 指令 创建      更新时间:2023-09-26

我是 angular 的新手,我有几个文本字段、一个复选框和一个下拉菜单,我怎样才能按下 Enter 按钮,它会提交? 我一直在阅读并找到了 ng-submit 函数,我将其放在我的表单中,但没有任何反应 我假设我将不得不在我的 angular 控制器中的某个地方激活它。

 <form ng-submit="search()">
            <div class="form-group">
                <label>Job Number</label>
                <input class="form-control" style="width: 92%" type="text" ng-model="jobNumber"/>
            </div>
        </form>
        <form ng-submit="search()">
            <div class="form-group">
                <label>Description</label>
                <input class="form-control" style="width: 92%" type="text" ng-model="description" />
            </div>
        </form>
    </div>
</div>

我没有在下面的控制器中做任何事情。

var CapitalRequestMultiMillInquiryController = function ($scope, $sce, $rootScope, $modal, $window, CapitalRequestService, PlantService) {

$rootScope.title = 'Capital Request Multi Mill Inquiry';
$scope.allMills = [];
$scope.mill = '';
$scope.jobNumber = '';
$scope.description = '';
$scope.amount = '';
$scope.amountOperator = '';
$scope.openOnly = '';
$scope.projectManager = '';
//$scope.allUsers = [];
//UsersService.getUsersWithId().then(function(objectTypes) {
//    $scope.allUsers = objectTypes
//});
//CapitalRequestService.searchMulti("http://tomcmmsweb.pca.com/CapitalRequest/Search", authenticatedUser.userName.toUpperCase(), $scope.selectedMill, $scope.jobNumber, $scope.description, $scope.amount, $scope.amountOperator, $scope.openOnly, $scope.projectManager).then(function (results) {
//    $scope.tomahawk = results;
//    for (var i = 0; i < $scope.tomahawk.length; i++)
//        $scope.tomahawk[i] = $sce.trustAsHTML($scope.tomahawk[i]);
//});

PlantService.getPlantId().then(function (mills) {
    $scope.allMills = mills
});
$scope.search = function() {
    //for each mill
    CapitalRequestService.searchMulti("http://coucmmsweb.pca.com/CapitalRequest/Search", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.amount, $scope.amountOperator, $scope.openOnly, $scope.projectManager).then(function (results) {
        $scope.counce = results;
        $scope.counce.forEach(function (item) {
           // item.projectManager = $sce.trustAsHtml(item.projectManager);
            item.jobNumber = $sce.trustAsHtml(item.jobNumber);
            item.description = $sce.trustAsHtml(item.description);
            item.amount = $sce.trustAsHtml(item.amount);
        });
    });
    CapitalRequestService.searchMulti("http://filcmmsweb.pca.com/CapitalRequest/Search", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.amount, $scope.amountOperator, $scope.openOnly, $scope.projectManager).then(function (results) {
        $scope.filer = results;
        $scope.filer.forEach(function (item) {
         //   item.projectManager = $sce.trustAsHtml(item.projectManager);
            item.jobNumber = $sce.trustAsHtml(item.jobNumber);
            item.description = $sce.trustAsHtml(item.description);
            item.amount = $sce.trustAsHtml(item.amount);
        });
    });
    CapitalRequestService.searchMulti("http://tomcmmsweb.pca.com/CapitalRequest/Search", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.amount, $scope.amountOperator, $scope.openOnly, $scope.projectManager).then(function (results) {
        $scope.tomahawk = results;
        $scope.tomahawk.forEach(function (item) {
          //  item.projectManager = $sce.trustAsHtml(item.projectManager);
            item.jobNumber = $sce.trustAsHtml(item.jobNumber);
            item.description = $sce.trustAsHtml(item.description);
            item.amount = $sce.trustAsHtml(item.amount);
        });
    });
    CapitalRequestService.searchMulti("http://tridentval.pca.com/api/Inquiry/Inquiry/CapitalRequestMultiMillInquiry/Search", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.amount, $scope.amountOperator, $scope.openOnly, $scope.projectManager).then(function (results) {
        $scope.valdosta = results;
    });
    CapitalRequestService.searchMulti("http://tridentder.pca.com/api/Inquiry/Inquiry/CapitalRequestMultiMillInquiry/Search", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.amount, $scope.amountOperator, $scope.openOnly, $scope.projectManager).then(function (results) {
        $scope.deridder = results;
    });
    CapitalRequestService.searchMulti("http://valcmmsweb.pca.com/CapitalRequest/Search", authenticatedUser.userName.toUpperCase(), $scope.mill, $scope.jobNumber, $scope.description, $scope.amount, $scope.amountOperator, $scope.openOnly, $scope.projectManager).then(function (results) {
        $scope.whiteMills = results;
        $scope.whiteMills.forEach(function (item) {
            item.jobNumber = $sce.trustAsHtml(item.jobNumber);
            item.description = $sce.trustAsHtml(item.description);
            item.amount = $sce.trustAsHtml(item.amount);
        });
    });
    }
 };

我相信这里已经回答了:使用AngularJS按回车键提交表格

如果这还不包括它,请告诉我。