从 For angle js (离子框架） 打印数据

Print data from For angular js (ionic framework)

本文关键字：框架 打印 数据 For angle js      更新时间：2023-09-26

我正在尝试打印一个位于 for 循环内的变量。这是我的代码在这一部分中，我将我的$scope.datosTuto[i]保存在一个变量中。诺布雷。当我在警报中打印$scope时。NombTuto 我得到了数据，但我想在我的 html 页面中打印。

MostrarTuto.servicioMostrarTuto().success(function(data){
    $scope.datosTuto=data;
    var TamanioURI = $scope.datosTuto.length;
    for ( i=43; i < TamanioURI; i++) {  
      if ($scope.nom_coe == $scope.datosTuto[i].Residencia){
        $scope.NombTuto=$scope.datosTuto[i].Nombre;
        alert($scope.NombTuto+" ...");
      };
    };
  })

这是我的网页

<div class="list card">
      <ion-list>
        <ion-item class="item item-icon-left" type="item-text-wrap" ng-repeat="i in datosTuto">
          <i class="icon ion-ios-checkmark-outline"></i>
          <h2>Nombre: {{i.Nombre}}</h2>
          <h2>Horario: {{i.Sexo}}</h2>
        </ion-item>
      </ion-list>
    </div>

只有我想打印这个$scope。NombTuto请帮助我...谢谢

定义$scope。NombTuto 在函数之外。您可以获得访问权限。

$scope.NombTuto = '';
MostrarTuto.servicioMostrarTuto().success(function(data){
    $scope.datosTuto=data;
    var TamanioURI = $scope.datosTuto.length;
    for ( i=43; i < TamanioURI; i++) {  
      if ($scope.nom_coe == $scope.datosTuto[i].Residencia){
        $scope.NombTuto=$scope.datosTuto[i].Nombre;
        alert($scope.NombTuto+" ...");
      };
    };
  })

在 html 中

Matched value : {{NombTuto}}
<div class="list card">
      <ion-list>
        <ion-item class="item item-icon-left" type="item-text-wrap" ng-repeat="i in datosTuto">
          <i class="icon ion-ios-checkmark-outline"></i>
          <h2>Nombre: {{i.Nombre}}</h2>
          <h2>Horario: {{i.Sexo}}</h2>
        </ion-item>
      </ion-list>
    </div>

更新了 NumbTuto 作为数组的答案

$scope.nom_coe = 'test';
$scope.NombTuto = [];
$scope.NombTutoStr = '';
$scope.datosTuto=
    [
        {"id":"1","fecha_trama":"2015-07-08","hora_trama":"08:21:12", "Residencia" : 'test', "Nombre" : "Nombre1"},
        {"id":"2","fecha_‌​trama":"2015-07-08","hora_trama":"08:22:42","Cliente":"1", "Residencia" : 'test1', "Nombre" : "Nombre2"},
        {"id":"3","fecha_trama‌​":"2015-07-08","hora_trama":"08:25:34","Cliente":"1","Cedula":"1103456789", "Residencia" : 'test', "Nombre" : "Nombre3"}
    ];
var TamanioURI = $scope.datosTuto.length;
for ( i=0; i < TamanioURI; i++) {  
  if ($scope.nom_coe == $scope.datosTuto[i].Residencia){
    $scope.NombTuto[$scope.datosTuto[i].id]=$scope.datosTuto[i].Nombre;
    $scope.NombTutoStr = $scope.NombTutoStr ? $scope.NombTutoStr +","+$scope.datosTuto[i].Nombre
                        : $scope.datosTuto[i].Nombre;
    alert($scope.NombTuto[$scope.datosTuto[i].id]+" ...");
  };
};

.html

<div class="list card">
        Matched values : {{NombTutoStr}}
        <ion-list>
          <ion-item class="item item-icon-left" type="item-text-wrap" ng-repeat="i in datosTuto">
            <i class="icon ion-ios-checkmark-outline"></i>
            <h3>Nombre: {{i.Nombre}}</h3>
            <h3>Horario: {{i.Sexo}}</h3>
            <div>
                <p ng-show="NombTuto[i.id]">NombTuto :: {{NombTuto[i.id]}}</p>
            </div>
            ---------------------------------------------------------------
          </ion-item>
        </ion-list>            
    </div>
相关文章：