Gracias por A2A,
Asumiendo que:
- estás trabajando con Angular 1.xx
- Tener un conocimiento básico de controladores y directivas.
Puede obtener el valor de su cuadro de entrada en su controlador o directiva definiendo un atributo ng-model en su cuadro de texto y tener la misma variable declarada en su controlador / directiva (enlace fn).
- ¿Cuál es el mejor editor de HTML / CSS / JS con vista previa para Windows?
- ¿Vale la pena aprender JavaScript con todas sus bibliotecas y marcos, y especializarse en TI para conseguir un trabajo?
- ¿Por qué es más rápido desarrollar sitios web en Golang que en C ++?
- ¿De dónde obtienen los desarrolladores web sus imágenes / íconos? ¿Los hacen ellos mismos o los obtienen de otra fuente?
- ¿Cuál es un buen calendario para aprender desarrollo web?
/ * Código de controlador básico * /
angular.module (‘app’). controller (‘TestController’, [‘$ scope’, function ($ scope) {
$ scope.firstName = ”;
$ scope.getFirstName = function () {
console.log ($ scope.firstName);
devuelve $ scope.firstName;
};
}]);
/ * Marcado HTML básico para implementar lo mismo y
muestra el nombre ingresado en el desenfoque del texto * /
…
<entrada
tipo = “texto”
data-ng-model = “firstName”
marcador de posición = “Nombre”
data-ng-blur = “getFirstName ()” />
…
De esta manera, podrá obtener el valor ingresado en su controlador y podrá hacer el resto.
En la segunda parte, para obtener el valor en alguna otra página, hay dos escenarios en los que puedo pensar en esta:
- Página separada en la misma aplicación de página única: si está utilizando un enrutador angular o un enrutador ui, podrá acceder a los valores proporcionados utilizando servicios compartidos o utilizando $ rootScope (es posible que deba poner el valor en $ rootScope – no recomendado hasta que sea necesario o se esté utilizando en toda su aplicación ).
- Página separada por completo: no hay forma de que pueda obtener el valor una vez que la página se actualiza utilizando solo AngularJS. Si solo está probando cosas para comprender, le sugiero que use localStorage temporalmente [ no recomendado hasta que sea necesario ] hasta que obtenga una configuración de back-end y los servicios configurados.
Espero que ayude, y por favor avíseme si se requieren entradas adicionales.