Остановить нг-шоу от добавления пробелов в текстовую строку - PullRequest
Новая
       2

Остановить нг-шоу от добавления пробелов в текстовую строку

0 голосов
/ 29 января 2019

Я пытаюсь создать путь к файлу из группы входных данных текстового поля, а затем отобразить этот путь к файлу.Но метод ng-show, который я использую, добавляет пробелы в строку.Есть ли способ предотвратить использование этого или другого метода для получения этой функциональности? 

<!DOCTYPE html>
<html lang="en">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    </head>
    
    <body>
        <div ng-app="">
            <div>
                Client:
            </div>
            <div>
                <input type="text"
                       name="client"
                       ng-model="client">     
            </div>    
            <div>
                Brand:
            </div>
            <div>
                <input type="text"
                       name="brand"
                       ng-model="brand">                          
            </div>
            <strong>
                <label ng-bind="client"></label>
                <label ng-show="client.length">\</label>
                <label ng-bind="brand"></label>
                <label ng-show="brand.length">\</label>
            </strong>
        </div>                
    </body>
</html>

1 Ответ

0 голосов
/ 29 января 2019 

<!DOCTYPE html>
<html lang="en">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    </head>
    
    <body>
        <div ng-app="">
            <div>
                Client:
            </div>
            <div>
                <input type="text"
                       name="client"
                       ng-model="client">     
            </div>    
            <div>
                Brand:
            </div>
            <div>
                <input type="text"
                       name="brand"
                       ng-model="brand">                          
            </div>
            <p>
               <span ng-bind="client" style="display: inline-block;"></span><span ng-show="client.length" style="display: inline-block;">/</span><span ng-bind="brand" style="display: inline-block;"></span><span ng-show="brand.length" style="display: inline-block;">/</span>
            </p>
        </div>                
    </body>
</html>

Удаление привязок и нг-шоу имеет тот же эффект.Это просто вопрос HTML / CSS.Я считаю, что это то, что вы ищете.

Как убрать пробел между элементами inline-block?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...