Angular：有什么方法可以在引导输入字段中添加卢比前缀吗？

Question

这是我的html文件。我想在我的输入字段中添加₹前缀。我正在做一个有角度的项目，并对HTML页面使用botstrap。 product.component.html

<form>
    <div class="form-group">
        <label for="title">Title</label>
        <input id="title" type="text" class="form-control">
    </div>
    <div class="form-group">
            <label for="price">Price</label>   <==Want to add here
            <input id="price" type="number" class="form-control">
    </div>
    <div class="form-group">
            <label for="category">Category</label>
            <select id="category"class="form-control">
                <option value=""></option>
            </select>
    </div>
    <div class="form-group">
            <label for="imageUrl">Image Url</label>
            <input id="imageUrl" type="text" class="form-control">
    </div>
    <button class="btn btn-primary">Save</button>
</form>

Answer 1

我猜你在找这个。

使用输入组类在文本/图标之前和之后添加文本。

代码：

<div class="form-group">
    <label for="price">Price</label>
    <div class="input-group">
        <div class="input-group-prepend">
            <div class="input-group-text">₹</div>
        </div> 
        <input id="price" type="number" class="form-control">
    </div>
</div>

参考

Bootstrap 4 Input group