AngularJS ng开关或类似的动态值工作

我的controller.js中有一个数组。我需要用户插入输入文本值，如果正确，则显示一件事，如果不同，则显示另一件事。我有多个实例，然后我计划使用ng-switch，但不要让我获得Variable范围的值。我该怎么解决？

INDEX.html

<body ng-app="formAdictos">
    <div ng-controller="MyController">
    <div ng-repeat="list in lista"></div>
    <div ng-switch on="lis">
      <input type="text" ng-model="lis">
      <div ng-switch-when="{{lista[0]}}">S</div>
      <div ng-switch-when={{lista[1]}}>Hola</div>
      <div ng-switch-default>Texto para cuando no es ni A ni B</div>
    </div>
    </div>
</body>

controller.js

function MyController($scope, $http) {
    $scope.items = [];
    $scope.lista = [];
    $http({method : 'GET',url : 'https://api.parse.com/1/classes/cupon', 
     headers: { 'X-Parse-Application-Id':'XXX', 
     'X-Parse-REST-API-Key':'XXX'}})
     .success(function(data, status) {
        for(var i = 0; i < data.results.length; i++){
            cupo = data.results[i].cupon50;
            $scope.lista[i] = cupo;
        }
        console.log($scope.lista);
    })
    .error(function(data, status) {
        alert("Error");
    });
}
angular.module('formAdictos').controller('MyController', MyController);`

列表一个数组包含三个值。

lista=["hi"，"good"，"bad"]这是http调用的结果

我不是真正的switch指令，它似乎不起作用，所以我带了其他东西。

function MyController($scope, $http) {
    $scope.items = [];
    $scope.lista = [];
   $scope.lis = "";
   $scope.lista = [{key:"hi", value:"S"}, {key:"good", value:"Hola"}] ;
   $scope.isInList = false;
   $scope.checkIsInList = function(lis){
     $scope.isInList = false;
     for(var i =0; i < $scope.lista.length; i++){
         if($scope.lista[i].key === lis){
             $scope.isInList = true;
             return;
         }
     }
   }
}
angular.module('formAdictos', []).controller('MyController', MyController);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="formAdictos">
    <div ng-controller="MyController">
       <input type="text" ng-model="lis" ng-change="checkIsInList(lis)">
       <div ng-repeat="item in lista">
          <div ng-if="item.key == lis"><span ng-bind="item.value"></span></div>
    </div>
   <div ng-if="isInList==false">Texto para cuando no es ni A ni B</div>
     lis : {{lis}}
   </div>
 
</div>

这项工作按预期进行，我必须使用布尔值来管理默认值。

但是，正如您所看到的，您需要将服务器上的列表与对象列表中匹配值的列表合并，以使其像我所做的那样工作。另一种方法是使用2个数组，其中匹配具有相同的索引，并使用ng-repeat 提供的$index

相关内容

最新更新

热门标签：