¿Cómo mostrar el valor en el campo de entrada con NG-Model? -- angularjs campo con angularjs-1.6 camp Relacionados El problema

How to show value in input field with ng-model?


0
vote

problema

Español

He creado el formulario de edición, por lo que tengo que incluir el valor predeterminado para cada campo de texto. Escribí este código HTML:

  <input type="text" ng-model="projectData.title" ng-init="projectData.title=title" name="title" class="form-control" />   

en controlador:

  $scope.title = "This is just title";   

No muestra nada en el cuadro de texto. Intenté ng-init="projectData.title={{title}}" y ng-init="projectData.title='title'" Pero simplemente no funciona.

Estoy usando AngularJS 1.6 y la siguiente solución no funciona también.

http://jsfiddle.net/aexjvm/337/

Original en ingles

I created edit form so I have to include default value for each text field. I wrote this HTML code:

<input type="text" ng-model="projectData.title" ng-init="projectData.title=title" name="title" class="form-control" /> 

In controller:

$scope.title = "This is just title"; 

It shows nothing in the text box. I tried ng-init="projectData.title={{title}}" and ng-init="projectData.title='title'" but it's just not working.

I'm using angularjs 1.6 and the following solution is not working too.

http://jsfiddle.net/Aejvm/337/

     
   
   

Lista de respuestas

0
 
vote
vote
La mejor respuesta
 

En su alcance, debe declarar el objeto como SO:

  #include <stdio.h> #include <stdlib.h> #include <string.h>  struct node {     int data;     struct node *left;     struct node *right; };  void printInOrder(struct node *root) {     if (root) {         printInOrder(root->left);         printf("%d ", root->data);         printInOrder(root->right);     } }  struct node *newNode(int data) {     struct node *result = malloc(sizeof(*result));     memset(result, 0, sizeof(*result));     result->data = data;     return result; }  void freeTree(struct node *root) {     if (root) {         freeTree(root->left);         freeTree(root->right);         free(root);     } }  int main() {     /*      0           /             1     2        /          3     4      /    /      5   6 7   8   */     struct node *root = newNode(0);     root->left = newNode(1);     root->right = newNode(2);     root->left->left = newNode(3);     root->left->left->left = newNode(5);     root->left->left->right = newNode(6);     root->left->right = newNode(4);     root->left->right->left = newNode(7);     root->left->right->right = newNode(8);     printInOrder(root);     freeTree(root);     return 0; } 2  
 

In your scope, you should declare the object like so:

$scope.projectData = {}; $scope.projectData.title = "This is just title"; 
 
 
0
 
vote
  #include <stdio.h> #include <stdlib.h> #include <string.h>  struct node {     int data;     struct node *left;     struct node *right; };  void printInOrder(struct node *root) {     if (root) {         printInOrder(root->left);         printf("%d ", root->data);         printInOrder(root->right);     } }  struct node *newNode(int data) {     struct node *result = malloc(sizeof(*result));     memset(result, 0, sizeof(*result));     result->data = data;     return result; }  void freeTree(struct node *root) {     if (root) {         freeTree(root->left);         freeTree(root->right);         free(root);     } }  int main() {     /*      0           /             1     2        /          3     4      /    /      5   6 7   8   */     struct node *root = newNode(0);     root->left = newNode(1);     root->right = newNode(2);     root->left->left = newNode(3);     root->left->left->left = newNode(5);     root->left->left->right = newNode(6);     root->left->right = newNode(4);     root->left->right->left = newNode(7);     root->left->right->right = newNode(8);     printInOrder(root);     freeTree(root);     return 0; } 3  

Usa el objeto para asignarlo a NG-Model

 
Check This [Code][1]   [1]: http://jsfiddle.net/d4ts76ys/ 

Use the object to map it to ng-model

 
 
0
 
vote

Bueno, estás haciendo un poco mal.

ng-init es la directiva angular y no necesita frenos rizados.

Modifique su código a esto: html:

  #include <stdio.h> #include <stdlib.h> #include <string.h>  struct node {     int data;     struct node *left;     struct node *right; };  void printInOrder(struct node *root) {     if (root) {         printInOrder(root->left);         printf("%d ", root->data);         printInOrder(root->right);     } }  struct node *newNode(int data) {     struct node *result = malloc(sizeof(*result));     memset(result, 0, sizeof(*result));     result->data = data;     return result; }  void freeTree(struct node *root) {     if (root) {         freeTree(root->left);         freeTree(root->right);         free(root);     } }  int main() {     /*      0           /             1     2        /          3     4      /    /      5   6 7   8   */     struct node *root = newNode(0);     root->left = newNode(1);     root->right = newNode(2);     root->left->left = newNode(3);     root->left->left->left = newNode(5);     root->left->left->right = newNode(6);     root->left->right = newNode(4);     root->left->right->left = newNode(7);     root->left->right->right = newNode(8);     printInOrder(root);     freeTree(root);     return 0; } 4  

js:

  #include <stdio.h> #include <stdlib.h> #include <string.h>  struct node {     int data;     struct node *left;     struct node *right; };  void printInOrder(struct node *root) {     if (root) {         printInOrder(root->left);         printf("%d ", root->data);         printInOrder(root->right);     } }  struct node *newNode(int data) {     struct node *result = malloc(sizeof(*result));     memset(result, 0, sizeof(*result));     result->data = data;     return result; }  void freeTree(struct node *root) {     if (root) {         freeTree(root->left);         freeTree(root->right);         free(root);     } }  int main() {     /*      0           /             1     2        /          3     4      /    /      5   6 7   8   */     struct node *root = newNode(0);     root->left = newNode(1);     root->right = newNode(2);     root->left->left = newNode(3);     root->left->left->left = newNode(5);     root->left->left->right = newNode(6);     root->left->right = newNode(4);     root->left->right->left = newNode(7);     root->left->right->right = newNode(8);     printInOrder(root);     freeTree(root);     return 0; } 5  
 

Well you are doing a little wrong.

ng-init is angular directive and you dont need curly braces.

modify your code to this : html:

 <div ng-controller="MyCtrl"> <input type="text" ng-init="rootFolders.name=name" ng-      model="rootFolders.name"  >  <br>rootFolders={{name}}    </div> 

js:

var app = angular.module('myApp',[]);  app.controller('MyCtrl', function($scope) {     $scope.name = "Acunisasi";   }); 
 
 
0
 
vote
  I have created fiddle that may help your   

JSFiddle

  //html <div ng-controller='MyCtrl'>   <form>     <input ng-init="projectData.title = title" type="text" ng-model="title">         <button ng-click="formSubmit()">         submit         </button>   </form>   {{title}} </div>  //js   var app = angular.module('myApp', []);  app.controller('MyCtrl', ['$scope', MyController]);   function MyController($scope) {    $scope.projectData = {};    $scope.title = 'This is just title';     $scope.formSubmit = function() {      console.log("$scope.projectData  ===>", $scope.projectData)    }  }   
 
I have created fiddle that may help your 

jsfiddle

//html <div ng-controller='MyCtrl'>   <form>     <input ng-init="projectData.title = title" type="text" ng-model="title">         <button ng-click="formSubmit()">         submit         </button>   </form>   {{title}} </div>  //js   var app = angular.module('myApp', []);  app.controller('MyCtrl', ['$scope', MyController]);   function MyController($scope) {    $scope.projectData = {};    $scope.title = 'This is just title';     $scope.formSubmit = function() {      console.log("$scope.projectData  ===>", $scope.projectData)    }  } 
 
 

Relacionados problema

1  UI angular UI-Seleccione Múltiples Ocultar seleccionadas  ( Angular ui select multiple hide selected ) 
¿Es posible ocultar algunos elementos seleccionados en ng-select Múltiples selecciones? He creo evento con múltiples usuarios, incluyendo a mí mismo. Quie...

27  Error con $ http.get en angularjs - éxito, no una función [duplicar]  ( Error with http get in angularjs success not a function ) 
Esta pregunta ya tiene respuestas aquí : ¿Por qué AngularJS $ HTTP? Métodos de éxito / Error en desu...

70  Angular 1.6.0: Error de "rechazo posiblemente no controlado" [duplicado]  ( Angular 1 6 0 possibly unhandled rejection error ) 
Esta pregunta ya tiene respuestas aquí : Rechazo posiblemente sin control en angular 1.6 ...

11  La actualización de AngularJS (1.5 a 1.6,1.7) hace que los enlaces de ámbito de directiva indefinidos  ( Angularjs upgrade 1 5 to 1 6 1 7 makes directive scope bindings undefined ) 
Tengo el siguiente código: angular .module('myApp') .directive('layout', function () { return { restrict: 'E', template: '<di...

54  AngularJs todos los barras en URL cambian a% 2F  ( Angularjs all slashes in url changed to 2f ) 
Estoy teniendo un problema masivo con el enrutamiento de Angularjs. hasta hace poco, todo ha estado bien con la siguiente ruta: $routeProvider.when('/alb...

31  Posiblemente rechazado sin control en angular 1.6  ( Possibly unhandled rejection in angular 1 6 ) 
Tengo un código con angularjs: service.doSomething() .then(function(result) { //do something with the result }); en AngularJS 1.5.9 Cuando te...

3  Creando una aplicación angular 2 dentro de un contenedor angular 1.6 [duplicado]  ( Creating an angular 2 app inside an angular 1 6 container ) 
Esta pregunta ya tiene una respuesta aquí : Frameworks angular y angularjs de lado a lado ...

0  AngularJS 1.6.8: No se pueden pasar datos del controlador para ver  ( Angularjs 1 6 8 unable to pass data from controller to view ) 
No estoy seguro de dónde me voy mal. A continuación se presentan los códigos para todos los archivos respectivos. Es un spa muy básico con enrutamiento. ...

1  No se autentique a través de SoundCloud, la devolución de llamada de inicio de sesión está intentando acceder a un marco de origen cruzado  ( Fail to authenticate via soundcloud sign in callback is trying to access a cros ) 
SoundCloud SDK V3.1.2 Registré mi aplicación hace aproximadamente 1 año. Hoy descubrí que mi registro de SoundCloud (SC) dejó de funcionar. Cuando hag...

6  Actualizar AngularJS 1.5 a 1.6: ¿qué enlaces exactas se ven afectadas por el cambio en las instancias del controlador REG de $ Compile?  ( Upgrade angularjs 1 5 to 1 6 which exact bindings are affected by change in c ) 
Documentación para un cambio en $ compilación al actualizar desde AngularJS 1.5 a 1.6 estados: Los enlaces de asignación previa en las instancias del con...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos