Funciona en conjunto con ng-model; para radios y selecciones, es el valor que se establece en el modelo ng cuando se selecciona ese elemento. Úselo como una alternativa al atributo 'valor' del elemento, que siempre almacenará un valor de cadena en el modelo ng asociado.

En el contexto de los botones de radio, le permite usar valores que no son cadenas. Por ejemplo, si tiene los botones de radio 'Sí' y 'No' (o equivalente) con valores 'verdadero' y 'falso', si usa 'valor', los valores almacenados en su modelo ng se convertirán en cadenas. Si usa 'ng-value', seguirán siendo booleanos.

Sin embargo, en el contexto de un elemento de selección, tenga en cuenta que el valor ng siempre se tratará como una cadena. Para establecer valores que no sean cadenas para una selección, use ngOptions.

Descripción sencilla

modelo ng

1. Se utiliza para el enlace bidireccional de la variable que puede estar disponible tanto en el alcance como en html.
2. que tiene $modelValue (valor que reside en el alcance real) y $viewValue (valor que se muestra en la vista).
3. Si mencionó en el formulario con el atributo de nombre, angular crea internamente atributos de validación como $ error, $ válido, $ no válido, etc.

P.ej.

 <input type="text/checkbox/radio/number/tel/email/url" ng-model="test"/>

valor ng

1. Se usa para asignar valor al valor ng-model respectivo como input , select y área de textarea (lo mismo se puede hacer usando ng-init )
2. ng-value proporciona un buen enlace si está configurando el valor ng-model través de ajax mientras que el atributo de value de escritura no lo admite
3. Básicamente, está destinado a usarse para la etiqueta de option y radio mientras se crean opciones de select dinámicamente.
4. Solo puede tener un valor de string , no admite el valor del objeto.

HTML

 <input [ng-value="string"]> ... </input>

O

 <select ng-model="selected"> <option ng-value="option.value" ng-repeat="option in options"> {{option.name}} </option> </select>

...

Un buen uso para ng-value en los campos de input es si desea vincular a una variable, pero en función del valor de otra variable. Ejemplo:

 <h1>The code is {{model.code}}.</h1> <p>Set the new code: <input type="text" ng-bind="model.code" /></p>

Cuando el usuario ingresa la input , el valor en el título se actualizará. Si no desea esto, puede modificar a:

 <input type="text" ng-value="model.code" ng-bind="model.theNewCode" />

theNewCode se actualizará, pero code permanecerá intacto.