Html 根据输入的数字呈现表中的数据时出现问题
我想应用输入编号ng模型作为下表的长度Html 根据输入的数字呈现表中的数据时出现问题,html,angularjs,Html,Angularjs,我想应用输入编号ng模型作为下表的长度 var-app=angular.module(“myApp”,[]); app.controller(“myCtrl”,函数($scope){ $scope.myObj=[{“名称”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”}, {“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”}, {“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”}, {“姓名”:“阿尔弗雷德·富特基斯
var-app=angular.module(“myApp”,[]);
app.controller(“myCtrl”,函数($scope){
$scope.myObj=[{“名称”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
]
});代码>
在表中显示行:
{{x.Name}
{{x.Country}
{{x.City}
最好、最简单的解决方案是使用limito
过滤器。这是一个AngularJS本机过滤器,用于限制ngRepeat
中的迭代结果
var-app=angular.module(“myApp”,[]);
app.controller(“myCtrl”,函数($scope){
$scope.myObj=[{“名称”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
{“姓名”:“阿尔弗雷德·富特基斯特”,“国家”:“德国”,“城市”:“柏林”},
]
$scope.numberOfRows=1;
});代码>
在表中显示行:
{{x.Name}
{{x.Country}
{{x.City}
当输入字段为空时,numberOfRows
如何将默认值恢复为最大长度?需要显示1条记录默认值参见编辑的示例。您错过了一件事:numberOfRows在控制器之外。现在它的默认值设置为one@SamudralaRamu,没关系,明白了:limito:numberOfRows?numberOfRows:1
@缩放如果要从输入字段中删除该1,它将返回空表