No sé por qué no puedo eliminar el valor haciendo clic en el icono eliminar en el campo de entrada.

          <i ng-hide="search" class="glyphicon glyphicon-filter"></i>
          <i ng-show="search" ng-click="search=null" class="glyphicon glyphicon-remove"></i>              
          <input ng-model="search" type="text" class="form-control" placeholder="Filter any..." />       
         <button ng-click="search=null"> remove value</button>

Al usar un botón con el mismo código es posible.

¿Qué tiene de malo mi código y cómo puedo usar el glifo para eliminar el valor de entrada?

Mi código en PLNKR

1
ng-User 3 sep. 2014 a las 13:25

2 respuestas

La mejor respuesta

Simplemente elimine pointer-events: none; de {{X1 }} iconos:

.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
}

En este momento, básicamente está desactivando la interacción de clic con iconos, por eso el clic no funciona.

Demostración: http://plnkr.co/edit/YaWt5UdSjvUmiZZ2QH5v?p=preview

2
dfsq 3 sep. 2014 a las 09:32

Nada malo es solo que su glyph click no es posible porque la entrada lo está desbordando

Comprueba que funciona

http://plnkr.co/edit/yV0O9Mwr0h8uhMg1MQLa?p=preview

Puede usar su código y simplemente agregar un poco de índice z al glifo;) para que suba 1 capa hasta la entrada y pueda hacer clic en él

0
itsme 3 sep. 2014 a las 09:29