javascript - Angular JS 访问基于存储在字符串中的 ng-model 的输入值

Question

所以我设法生成并导入一个 html 代码，例如

<input type="text" ng-model="text1">
<input type="text" ng-model="text2">

我获得了一个字符串数组，其中包含来自 $http.post 请求的数组中所有此类输入的 ng-models

$scope.ngmods=['text1','text2']

如何通过操作数组元素来获取输入的值？

这是我尝试过的:

{{ {{ngmods[0]}} }}

就像我尝试获取数组元素中的值，然后再次将其括在 {{ }} 中，希望结果与 {{text1}}

Answer 1

使用$parse根据范围评估表达式。使用 $parse 创建自定义过滤器以从字符串中获取范围值

.filter('parserFil',function($parse){
     return function(item,scope){
        return $parse(item)(scope); 
    }
})

在html中将当前范围this从html传递给过滤器

{{ngmods[0] |  parserFil : this}} 

angular.module("app",[])
.controller("ctrl",function($scope,$parse){

  $scope.ngmods=['text1','text2'];
  
  
})
.filter('parserFil',function($parse){
     return function(item,scope){
       return $parse(item)(scope); 
    }
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
 <input type="text" ng-model="text1">
 <input type="text" ng-model="text2">
 
 {{ngmods[0] |  parserFil : this}} 
 
</div>