AngularJS Example:

by Gibrain Hernandez

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div ng-app>
  <h2>Todo</h2>
  <div ng-controller="Prueba">
     <select class="inpuSelect" ng-model="valor"
						ng-options="tipo as tipo.descCatalogo for tipo in cat"
						ng-change="salsa(valor)">
							<option selected="selected" value="">SELECCIONE UNA OPCIÓN</option>
					</select><br><br>
          <label>Prueba Push </label>
          <br><br>Nombre :
          <input type="text" ng-focus="fn()" ng-model="datos.nombre">
          <br><br>Apellido Paterno :
          <input type="text" ng-focus="fn()" ng-model="datos.apellidoP">
          <br><br>Apellido Materno :
          <input type="text" ng-focus="fn()" ng-model="datos.apellidoM">
                    {{validar}}

           
          <br><br>
          <button ng-click="addme(datos)" type="button">Click Me!</button>
          


  </div>
</div>

CSS

.done-true {
  text-decoration: line-through;
  color: grey;
}

JavaScript

function Prueba($scope) {
var n =null;
var u ;
var v ='';
$scope.datos={};
$scope.infoUser =[];
$scope.fn = function(){
$scope.validar='x';
}
$scope.addme = function (datos){

	var a =	validaCampos(datos);
  a ? $scope.infoUser.push(datos) : $scope.validar="Validad tus campos";
}
function validaCampos(datos){
  nombre = datos.nombre;
  apellidoP = datos.apellidoP;
  apellidoM = datos.apellidoM;
  if(nombre === u || nombre === n ||nombre === v ){return false}
  if(apellidoP === u || apellidoP === n ||apellidoP === v ){return false}
  if(apellidoM === u || apellidoM === n ||apellidoM === v ){return false}
}

  $scope.salsa = function (value){
  
      
  }
  $scope.cat = [
  	{
                              "idCatalogo": 3,
                              "idStrCatalogo": null,
                              "descCatalogo": "DOMICILIO ESTADO DE CUENTA",
                              "orden": null,
                              "estatus": 1,
                              "usuario": "USER",
                              "fechaCreacion": null,
                              "usuarioCreacion": null,
                              "usuarioModificacion": null
                            },
                            {
                              "idCatalogo": 5,
                              "idStrCatalogo": null,
                              "descCatalogo": "DOMICILIO FAMILIAR PPE",
                              "orden": null,
                              "estatus": 1,
                              "usuario": "18601401",
                              "fechaCreacion": null,
                              "usuarioCreacion": null,
                              "usuarioModificacion": null
                            },
                            {
                              "idCatalogo": 1,
                              "idStrCatalogo": null,
                              "descCatalogo": "DOMICILIO FISCAL",
                              "orden": null,
                   ...