Scribd
Upload
2 views5 pages

Boton Css

Uploaded by

Victor Sslz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views5 pages

Boton Css

Uploaded by

Victor Sslz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Html de js

<!DOCTYPE html>
<html ng-app="bladi">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1">
<title></title>
<script
type="text/javascript"src="angular/angular.min.js"> </script>
<script
type="text/javascript"src="angular/angular.js"> </script>
<script
type="text/javascript"src="base.js"> </script>
</head>
<style>
body{
background:#;
margin:0px;
}
header{
width:100%;
height:270px;
background:#;
}

.unoo{
width:300px;
height:70px;
background:#0cb7f2;
border-radius:10px;
}

.uo{
width:300px;
height:70px;
background:#7cdaf9;
border-radius:10px;
}

.cuadro{
width:50%;
height:300px;
background:;
}

input{
background:;
}
</style>

<body>
<header>
<center><img
src=""></center>

<br><center><h1>titulo</h1> </center>

</header>
<div ng-
controller="control">
<center> <input
type="search" ng-model="busca"></center>
<center><div class="cuadro" ng-repeat="no in bladimir |
filter:busca | orderBy:'vara4'">
<h3> {{no.vara1}}</h3>
<h3> {{no.vara2}}</h3>
<h3> {{no.vara3}}</h3>
<h3> {{no.vara4}}</h3>
<h3> {{no.vara5}}</h3>
<img src="{{no.vara6}}">
</div>
</center>
</div>

</body>
</html>
Base.js
var aplication = angular.module('bladi',[])
aplication.controller('control',['$scope',
function($scope){
$scope.bladimir=[

{vara1:"1",vara2:"2",vara3:"3",vara4:"4",vara5:"5",vara6:"6"}

]}])

You might also like