javascript - 输入字段修改时运行 $scope 函数?

标签 javascript html angularjs

我有一个输入字段,您可以在其中指定评论的最小数量。我还有一个函数可以更新 ng-repeat 填充并创建表的数据。但我需要的是,当您在输入字段中输入一些数字时,我的这个函数会自动运行并更改数据,这意味着我的表会自动更新。这是某种双向绑定(bind)。 (我不想直接在我的ng-repeat上使用过滤器, Angular 过滤器运行非常频繁并降低性能)

这是我的输入字段:

<label>Reviews Min: <input type="number" ng-init="revNum=30" class="form-control review-input" min="0" step="10" ng-model="filterValues.revNum" /></label>

这是我的ng-repeat:

 ng-repeat="car in sortedCarList"

这是函数:

$scope.formattedTable = function(index){
    $scope.initCarList(index);
    $scope.sortedCarList = [];
    var carlistLength = $scope.carList.length;
    for (var i=0;i<carlistLength;i++){   // just checks every row if values passes user requirements like: min number of review and price range
        var rowBool = $scope.tableFilter($scope.carList[i]);
        if (rowBool){
            $scope.sortedCarList.push($scope.carList[i]);
        }
    }
}

我怎样才能实现这一目标?

最佳答案

使用ng-change每次输入更改时运行特定函数的指令。

<label>Reviews Min: <input type="number" ng-init="revNum=30" class="form-control review-input" min="0" step="10" ng-model="filterValues.revNum" ng-change="formattedTable()" /></label>

关于javascript - 输入字段修改时运行 $scope 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26216386/

相关文章:

Javascript:在所有异步调用返回后调用函数

javascript - Slimbox 2 插件、jQuery Flickr 和 IE8

javascript - node.js 事件循环是否像 ajax 调用?

javascript - 加载许多 YouTube 视频的最佳方式是什么?

javascript - AngularJS 输入接受整数和特殊字符

javascript - 客户端分页在智能表中不起作用

javascript - 单击导航到页面其他部分的链接时的滑动动画

javascript - 如果缺少字段值并且用户开始输入下一个字段,如何显示错误消息?

javascript - Sidenav 抛出异常 : Error during evaluation of "onShown"

javascript - Angular block svg xmlns 作为 $sce :insecurl