javascript - 具有多个值的 Html 值属性

Question

我是 Angular JS 新手。现在我有一个输入，我在其中实现了 token 字段。现在，输入框的 value 属性具有数组中的值。现在我不知道如何在 html 中使用该数组。喜欢

value="abc,pqr"

这可行，但我有一个数组，并且我需要在 html 中使用该数组。

<div class="form-group">
    <label for="inputEmail3" class="col-sm-2">Should</label>
    <div class="col-xs-5">
        <input name="should" 
            id="should" 
            type="text"
            value="" 
            placeholder="should requirement" 
            class="form-control setmargin">
    </div>
</div>

$scope.somevalues = ['abc','pqr','hhhh'];

该值来自 ajax 调用。现在我有 Bootstrap token 字段，所以我需要在该输入框中包含所有这些值。如何在 html 值属性中使用此数组值？

Answer 1

澄清一下，您有一个来自 ajax 调用的值数组，但您希望它们作为字符串以逗号分隔？

您想要使用join 函数。这会将数组中的所有元素组合成一个字符串，并以字符串作为参数(在本例中为逗号)分隔。

var somevar = ['abc','pqr','hhhh'].join(',');
document.getElementById('should').value = somevar;

<div class="form-group">
    <label for="inputEmail3" class="col-sm-2">Should</label>
    <div class="col-xs-5">
        <input name="should" 
            id="should" 
            type="text"
            value="" 
            placeholder="should requirement" 
            class="form-control setmargin">
    </div>
</div>