Bootstrap tagsinput不显示来自(控制器) Angularjs的数据

Bootstrap tagsinput是一个基于Bootstrap框架的标签输入插件，用于在前端页面中实现标签的输入和展示功能。它可以方便地将用户输入的标签数据进行管理和展示。

在AngularJS中，如果要将数据传递给Bootstrap tagsinput插件进行展示，可以通过控制器来实现。控制器是AngularJS中的一个重要概念，用于控制页面的行为和数据。

要在Bootstrap tagsinput中显示来自控制器的数据，需要进行以下步骤：

1. 在HTML页面中引入Bootstrap和AngularJS的相关库文件。
2. 在控制器中定义一个数组变量，用于存储标签数据。例如：

$scope.tags = ['tag1', 'tag2', 'tag3'];

1. 在HTML页面中使用Bootstrap tagsinput的标签，并绑定数据到控制器中定义的数组变量。例如：

<input type="text" ng-model="tagInput" ng-keyup="addTag($event)" />

1. 在控制器中定义一个函数，用于将用户输入的标签添加到数组变量中。例如：

$scope.addTag = function(event) {
  if (event.keyCode === 13) { // Enter键
    $scope.tags.push($scope.tagInput);
    $scope.tagInput = ''; // 清空输入框
  }
};

1. 在HTML页面中使用ng-repeat指令循环遍历数组变量，并将标签数据展示在Bootstrap tagsinput中。例如：

<div class="tagsinput">
  <span ng-repeat="tag in tags" class="tag label label-info">{{tag}}</span>
</div>

通过以上步骤，就可以实现将来自控制器的数据显示在Bootstrap tagsinput中。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云数据库（TencentDB）等。您可以访问腾讯云官网了解更多产品信息和详细介绍：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb