javascript - AngularJS ng-switch 或类似的工具来处理动态值

标签 javascript html angularjs parse-platform ng-switch

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

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>

这按预期工作,我必须使用 bool 值来管理默认值。

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

提供的 $index

关于javascript - AngularJS ng-switch 或类似的工具来处理动态值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37301720/

相关文章:

javascript - 使用带 Angular js 的灰尘模板

javascript - Jquery .on() 的问题

javascript - 选择不同选项后隐藏/显示表格

jquery 图像映射调整大小

javascript - 启动值未设置选定值

javascript - 如果页面动态加载,NG-repeat 不起作用

javascript - 可以在 Google Charts 中生成该 Char 吗?

javascript - 如何将正交相机转换为透视并返回?

html - 显示对齐问题不会正确对齐

javascript - Div 到位图图像? NodeJS/WinJS/任何东西?