gpt4 book ai didi

javascript - AngularJS 将过滤后的值传递给范围值

转载 作者:行者123 更新时间:2023-11-28 05:50:35 26 4
gpt4 key购买 nike

早上好,我是 AngularJS 的新手,想要更多地练习,这里我在尝试学习构建自己的 AngularJS 网页时有一个关于简单案例的问题。

我有这两组数据

$scope.data1 = [{ id: 1, name: "abc" },
{ id: 2, name: "efg" }]
$scope.data2 = [{ id: 1, info: "this is abc" },
{ id: 2, info: "absolutely not abc"}]
$scope.user = {
id: "",
name: "",
info: ""
}

我有这个输入

<input ng-blur="passTheValue()" ng-model="user.idx" ng-type="text" placeholder="write name here"></input>

我可以在文本框中写下名字。

我的问题是,如何根据我输入的输入将 data1 和 data2 中的所有值传递到 $scope.user ?例如,我在文本框上写“abc”,那么我的 $scope.user 将包含

id: 1, name: "abc", info: "this is abc"

我尝试使用 $filter 但我坚持将值传递到范围。

我对我的英语感到抱歉,这不是我的主要语言。

最佳答案

这不是过滤器的经典用例:在 passTheValue() 函数中处理数据。

this.passTheValue = function(){
$scope.data1.forEach(function(value, index, array){
if(value.name == $scope.idx){
$scope.user = {id: value.id, name: value.name, info: $scope.data2[index] }
}
})
}

关于javascript - AngularJS 将过滤后的值传递给范围值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38114929/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com