problema no angularjs

Pedroalves · Setembro 22, 2017

não estou a conseguir por a mostrar os dados de uma tabela

<!DOCTYPE html>
<html ng-app="myApp" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="Game">
    <meta name="author" content="Pedro Alves">
    <link rel="icon" href="../favicon.ico">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="dist/js/mapa.js"></script> 
    <title>Game</title>

    <!-- Bootstrap core CSS -->
    <link href="dist/css/bootstrap.min.css" rel="stylesheet">
<link href="dist/css/menu.css" rel="stylesheet" type="text/css">
<script src="dist/js/modernizr.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="dist/js/ui-bootstrap-tpls-0.10.0.min.js"></script>

<script type="text/javascript" src="dist/js/shCore.js"></script> 
<script type="text/javascript" src="dist/js/shBrushXml.js"></script> 
<script type="text/javascript" src="dist/js/shBrushJScript.js"></script>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="dist/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
  <body>
  	<?php
require_once('configurations/Database.php');
?>
  <div ng-controller="customersCrtl" class="container"  align="left" style="width:100%;height:800px;">
       <div class="row">
    <div class="col-md-2">PageSize:
    		<div class="input-group number-spinner">
				<span class="input-group-btn data-dwn">
					<button class="btn btn-default btn-info" data-dir="dwn"><span class="glyphicon glyphicon-minus"></span></button>
				</span>
				<input type="text" class="form-control text-center" style="width:50px" value="1" min="1" max="20">
				<span class="input-group-btn data-up">
					<button class="btn btn-default btn-info" data-dir="up"><span class="glyphicon glyphicon-plus"></span></button>
				</span>
			</div>
        <!--select ng-model="entryLimit" class="form-control">
            <option>5</option>
            <option>10</option>
            <option>20</option>
            <option>50</option>
            <option>100</option>
        </select-->
    </div>
    <div class="col-md-3" >Filter:
        
        <!--input type="text" ng-model="search" ng-change="filter()" placeholder="Filter" class="form-control" /-->
    </div>
    <div class="col-md-4">
      <h5>Filtered {{ filtered.length }} of {{ totalItems}} total Empresas</h5>
    </div>
</div>
     
<br/>
<div class="row">
	
    <div class="col-md-12" ng-show="filteredItems > 0">
        <table class="table table-striped table-bordered">
        
        <thead >
         <th>Nome</th>
        <th>Descricao</th>
        <th>Quantidade</th>
       <th>Preco Sem Iva</th>
       <th>Descontos</th>
        <th>IVA</th>
         <th>Valor do Desconto</th>
 <th>Valor do IVA</th>         
   <th>Preço TOTAL</th>       
    <th>Ver</th>
        </thead>
        <tbody ng-init="get_product()">
          
          <tr ng-repeat="data in filtered = (list | filter:search | orderBy : predicate :reverse) | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit">
         
           </tr>
             <tr>
         
      			<td style="color:#000000">{{data.nome}}</td>
                <!--td>{{data.descricao}}</td>
                <td>{{data.quantidade}}</td>
                <td>{{data.precosiva}}</td>
                  <td>{{data.descontos}}</td>
                    <td>{{data.iva}}</td>
                     <td>{{data.valordesc}}</td>
                    <td>{{data.valoriva}}</td>
                    <td>{{data.precototal}}</td-->
                 
			    
               <td> <button class="btn" ng-click="prod_espiar(data.id)">
      <span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;Selecionar
      </button>
      </td>
            
            </tr>
        </tbody>
        </table>
 
    </div>
   <div class="col-md-12" ng-show="filteredItems == 0">
        <div class="col-md-12">
            <h4>Nenhum projecto Adecionado</h4>
        </div>
    </div>
 
  
    
</div> 
  </div>


  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
    <!-- Just to make our placeholder images work. Don't actually copy the next line! -->
    <script src="dist/js/holder.min.js"></script>
   
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="dist/js/ie10-viewport-bug-workaround.js"></script>
    
  
      <script src="dist/js/bootstrapValidator.js"></script>
   <script src="dist/js/bootstrapValidator.min.js"></script>
    
  </body>
</html>

require_once ('configurations/Database.php');
//Incluir definicoes de acesso a BD

// algumas funcoes

 switch($_GET['action'])  {
  //  case 'add_product' :
    //        add_product();
      //      break;

    case 'get_product' :
            get_product();
            break;

  /*  case 'edit_product' :
            edit_product();
           break;
*/
    ///case 'delete_product' :              
       //     delete_product();
         //   break;

   // case 'update_product' :
     //       update_product();
       //     break;
}
function get_product() {    
$link = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_DATABASE);
if (!$link) {
	die('Falha de ligacao a BD: ' . mysql_error());
}
/*$qry="select distinct c.nome,c.descricao,c.texto,c.categoria from  projecto c order by c.idprojecto";
$result = $link -> query($qry);
 
$arr = array();
if($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        $arr[] = $row;
    }
}else die("ERRO");
# JSON-encode the response
$json_response = json_encode($arr);
 
// # Return the response
echo $json_response;
*/
//$qry="select distinct c.nome,c.descricao,c.texto,c.categoria from  projecto c order by c.idprojecto";
  //$qry ="SELECT nome FROM servicos";
 // where id_empresa='" .$index. "'
 // $qry ="SELECT nome,descricao,quantidade,precosiva,descontos,iva,valordesc,valoriva,precototal FROM servicos";
 $qry ="SELECT usermame FROM users ";
   $result = $link -> query($qry);
    $data = array();
	 if ($result) {
     while($rows = $result->fetch_assoc()) 
    {
        $data[] = array(
                  "username" => $rows['username']
                  /*"descricao" => $rows['descricao'],
				  "quantidade" => $rows['quantidade'],
                  "precosiva" => $rows['precosiva'],
                  "descontos" => $rows['descontos'],
                  "iva" => $rows['iva'],
                  "valordesc" => $rows['valordesc'],
                  "valoriva" => $rows['valoriva'],
                  "precototal" => $rows['precototal'] 	 	
                  */
                    );
    }
  print_r(json_encode($data));
    return json_encode($data);  


}
else 
die("ERRO". mysqli_error());
}
/*
function edit_product() {

    $data = json_decode(file_get_contents("php://input"));     
    $index = $data->ola; 
		$link = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_DATABASE);
if (!$link) {
	die('Falha de ligacao a BD: ' . mysql_error());
}
   $qry = "SELECT * FROM projecto WHERE idprojecto='" .$index. "'";
   $result = $link ->query($qry);
    $data = array();
    if ($result) {
     while($rows = $result->fetch_assoc()) 
    {
        $data[] = array(
                    "idprojecto"     => $rows['idprojecto'],
                    "nome"     => $rows['nome'],
                   "descricao"     => $rows['descricao']
				    // "categoria" => $rows['categoria']
              //      "texto"    => $rows['texto'],
                  
                    );
    }
    print_r(json_encode($data));
    return json_encode($data); 
	}else die("ERRO");

}


*/


?>

var app = angular.module('myApp', ['ui.bootstrap']);

app.filter('startFrom', function() {
	return function(input, start) {
		if (input) {
			start = +start;
			//parse to int
			return input.slice(start);
		}
		return [];
	}
});
app.controller('customersCrtl', function($scope, $http, $timeout) {

	$scope.get_product = function() {
		$http.get('app/mapa.php?action=get_product').success(function(data) {
			//$scope.producst_detail = data;
			$scope.list = data;
			$scope.currentPage = 1;
			//current page
			$scope.entryLimit = 5;
			//max no of items to display in a page
			$scope.filteredItems = $scope.list.length;
			//Initially for no filter
			$scope.totalItems = $scope.list.length;

		});
	}
	$http.get('app/mapa.php').success(function(data){
	 $scope.list = data;
	 $scope.currentPage = 1; //current page
	 $scope.entryLimit = 5; //max no of items to display in a page
	 $scope.filteredItems = $scope.list.length; //Initially for no filter
	 $scope.totalItems = $scope.list.length;

	 });
	 
	$scope.setPage = function(pageNo) {
		$scope.currentPage = pageNo;
	};
	$scope.filter = function() {
		$timeout(function() {
			$scope.filteredItems = $scope.filtered.length;
		}, 10);
	};
	$scope.sort_by = function(predicate) {
		$scope.predicate = predicate;
		$scope.reverse = !$scope.reverse;
	};

/*	$scope.prod_espiar = function(index) {
		$scope.update_prod = true;
		$scope.add_prod = false;
		$http.post('app/mapa.php?action=edit_product', {
			'ola' : index
		}).success(function(data, status, headers, config) {
			//alert(data[0]["prod_name"]);

			//	$scope = data[0]["nome"];
			$scope.nome = data[0]["Nome"];
			//$scope.username = data[0]["username"];
			//  $scope.Alianca      =   data[0]["Alianca"];

		}).error(function(data, status, headers, config) {

		});
	}
	$scope.prod_escreve = function(index) {
		$scope.update_prod = true;
		$scope.add_prod = false;
		$http.post('../app/mapa.php?action=edit_product', {
			'ola' : index
		}).success(function(data, status, headers, config) {
			//alert(data[0]["prod_name"]);

			$scope.contintente = data[0]["continente"];
			$scope.nome = data[0]["Nome"];
			$scope.username = data[0]["username"];
			//  $scope.Alianca      =   data[0]["Alianca"];

		}).error(function(data, status, headers, config) {

		});
	}
	$scope.prod_amizade = function(index) {
		$scope.update_prod = true;
		$scope.add_prod = false;
		$http.post('../app/mapa.php?action=edit_product', {
			'ola' : index
		}).success(function(data, status, headers, config) {
			//alert(data[0]["prod_name"]);

			$scope.contintente = data[0]["continente"];
			$scope.nome = data[0]["Nome"];
			$scope.username = data[0]["username"];
			//  $scope.Alianca      =   data[0]["Alianca"];

		}).error(function(data, status, headers, config) {

		});
	}
	$scope.prod_Ataque = function(index) {
		$scope.update_prod = true;
		$scope.add_prod = false;
		$http.post('../app/mapa.php?action=edit_product', {
			'ola' : index
		}).success(function(data, status, headers, config) {
			//alert(data[0]["prod_name"]);

			$scope.contintente = data[0]["continente"];
			$scope.nome = data[0]["Nome"];
			$scope.username = data[0]["username"];
			//  $scope.Alianca      =   data[0]["Alianca"];

		}).error(function(data, status, headers, config) {

		});
	}*/
});

da me o seguintes erros

Error: [ngRepeat:dupes] http://errors.angularjs.org/1.3.14/ngRepeat/dupes?p0=data in filtered %3D (list | filter%3Asearch | orderBy %3A predicate %3Areverse) | startFrom%3A(currentPage-1)*entryLimit | limitTo%3AentryLimit&p1=string%3A &p2=
   at Anonymous function (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:232:446)
   at Anonymous function (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:122:63)
   at l.prototype.$digest (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:123:136)
   at l.prototype.$apply (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:126:56)
   at l (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:81:158)
   at S (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:85:301)
   at D.onload (http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:86:315)
angular.js (11607,11)

Pedroalves · Setembro 22, 2017

consegui resolver o problema

não estou a conseguir por

ao carregar num botao ele mostre so os serviços que aquela empresa tem

Entrar

Arquivado

problema no angularjs

Recommended Posts

Pedroalves 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Pedroalves 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Arredondar Valor para cima

PHP - Atualizar INPUT com função moeda

PHP - Atualizar INPUT com função moeda

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante