Comment définir la valeur initiale de ng-model à une chaîne vide dans angularjs?

Je veux être en mesure de mettre ma valeur initiale d'un attribut de mon modèle en tant que tel

<input type="text" ng-model="selectedModel.title" name="title" value="" >

Comme indiqué ci-dessus, je veux que la valeur de l'attribut à une chaîne vide, comme pour d'abord instancier le champ de saisie de texte avec une chaîne vide.

Toutefois, actuellement, la ng-model="selectedModel.title" remplace la value="".

Comment puis-je obtenir passé ce?

Il n'y a aucune raison d'utiliser la value attribut. Dans votre contrôleur, il suffit de définir $scope.selectedModel.title = "";. Sinon, je pense que vous pouvez utiliser un ng-init quelque part dans votre code HTML à faire ng-init="selectedModel.title = ''", mais je ne suis pas sûr, parce que je n'ai jamais utilisé ng-init

OriginalL'auteur stcho | 2014-08-01

  1. 17

    Jeu de valeurs initiales dans le contrôleur de

    Vous devez faire cela dans votre contrôleur:

    angular.module('MyModule').controller(
  'myController',
  function ($scope, MyService) {
    $scope.selectedModel = { title: '' };
  }

  //if you're using a service
  MyService.getModel().then(function (model) {
    $scope.selectedModel = model;
    //selected model doesn't have a title set, so give it a blank string as default
    if (angular.isUndefined($scope.selectedModel)) {
      $scope.selectedModel.title = '';
    }
  });
);

    Vous pouvez lire plus sur la définition de l'état initial de $champ d'application dans votre controller ici.

    Autre Option: ng-init

    Officiel AngularJS docs pour ng-init suggèrent qu'il existe une seule utilisation pour le gn-init, "pour aliasing propriétés spéciales de ngRepeat". Dans votre cas, vous êtes mieux d'utiliser le contrôleur pour initialiser la valeur.

    Vous pouvez utiliser ng-init:

    <input type="text"
       name="brand"
       ng-model="selectedModel.title"
       ng-init="selectedModel.title=''">
</input>
    J'ai eu à l'utiliser pour remplir certaines valeurs par défaut pour un jquery à rebours, ce qui a fonctionné pour moi: si (angulaire.isUndefined($champ d'application.currentTime)) { $scope.currentTime = {commencer: $champ d'application.date de début à la fin:$champ d'application.date_fin}; }
    est-ng-init uniquement pour une utilisation avec le $index de la propriété de ng-repeat?

    OriginalL'auteur Rudolf Olah