Question

如下所示从服务器获取数据

Test        Your    Code
New  Testing    Code
Opel Audi

以上数据在单词之间留有空格。我想显示文字是。

我在渲染服务器数据的地方有html select下拉列表。

但是我无法显示来自服务器的数据，它是在单词之间显示一个空格。谁能告诉我如何解决这个吗？

<html>
<body>

<select>
  <option value="volvo">Test        Your    Code</option>
  <option value="saab">New  Testing    Code   </option>
  <option value="opel">Opel Audi</option>
</select>

</body>
</html>

检查plunkr

Answer 1

HTML将删除1个空格之后的所有空格。只需将空格替换为 （不间断空格）

str = str.replace(/\s/gmi, '&nbsp;');

编辑：忘记分号

Answer 2

您可以使用字符串替换方法

str = str.replace（“”，'＆nbsp'）;

Answer 3

请尝试使用空格字符<ListView ItemsSource="{Binding Sites}" x:Name="lstSale"> <ListView.ItemTemplate> <DataTemplate> <ViewCell> <StackLayout Orientation="Vertical"> <Label Text="{Binding FriendlyName}" /> <Button Text="{Binding Name}" HorizontalOptions="Center" VerticalOptions="Center" Command="{Binding Path=BindingContext.RoomClickCommand, Source={x:Reference lstSale}}" CommandParameter="{Binding .}" /> </StackLayout> </ViewCell> </DataTemplate> </ListView.ItemTemplate> </ListView>而不是空格。在您的情况下，您需要相应地修改来自服务器的文本。

如何显示来自服务器的html下拉框中的数据？

3 个答案: