AngularJS добавляет автоматический пробел до и после переменной

Question

Я пытаюсь понять, почему я получаю пустое пространство до и после моей переменной, когда отправляю из index.html в контроллер.

В моем index.html:

    <input class="form-control" id='photo' type="texte"
           placeholder="photo" name="photo" ng-model="modifphoto">
    <input class="form-control" id='nom' type="texte"
           placeholder="nom" name="nom" ng-model="modifnom">
    <input class="form-control" id='prenom' type="texte"
           placeholder="prenom" name="prenom" ng-model="modifprenom">
    <input class="boutonModif" id="connect" type="submit"
           value="connexion">

Если я пишу «test» и отправляю, когда я делаю console.log «modifprenom» в моем controller.js, я получаю «test».

И здесь происходит то же самое:

<label ng-repeat="level in niveau">
  <input type="radio" name="selectedLevel[]" value="{{level}}"
         ng-checked="selection.indexOf(level)>-1"
         ng-click="choixNiveau(level)">{{level}}
</label>

Мой $ scope.niveau: введите описание изображения здесь

Когда я делаю console.log (без пробела между ':' и переменной) введите описание изображения здесь

Вы видите здесь пространство: введите описание изображения здесь

И, очевидно, в моих service.js и server.js эта функция используется для изменения имени в моей "игре", поэтому мое новое имя будет "Dylan", а не "Dylan". Поэтому, когда я пытаюсь сделать запрос в mongodb с сервера, я делаю запрос с неправильным именем из-за пробела.

Я попробовал все ... - используйте .trim () - использовать .replace ... - смена браузера

Так что я не знаю, как с этим справиться, мне действительно нужна помощь.

Answer 1

Пробел между : и переменной - вот что делает console.log.

Если вам не нужен пробел, используйте оператор + для сшивания строк.

 $scope.test = "test";
    $scope.click = function() {
    console.log("Test :" + $scope.test);
}

Плункер: http://plnkr.co/edit/5MjDSOGRiF3v0ONyURXB?p=preview