时间戳

首页 > 解决方案 > AngularJS在变量前后添加自动空格

angularjs - AngularJS在变量前后添加自动空格

问题描述

我试图理解为什么当我从 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">

如果我写“测试”并发送，当我在我的 controller.js 中执行“modifprenom”的控制台日志时，我得到了“测试”。

同样的事情也出现在这里：

<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 ... - 更改浏览器

所以我不知道如何处理它，我真的需要帮助。

标签： angularjs

解决方案

和变量之间的空间:——这就是 console.log 所做的。

如果您不想要空间，请使用+运算符将​​字符串拼接在一起。

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

plunker：http ://plnkr.co/edit/5MjDSOGRiF3v0ONyURXB?p=preview

推荐阅读