在angularjs中将html标记附加到$ scope

Question

我想将html标记附加到ID中的每个元素，并在$("a[href^='http']").eq(i).attr('href') ，1 x，2 x等文本框中显示。（3 x是关闭按钮使用{ {1}}）

我正在使用以下代码。

我的html标签

x

Angularjs控制器

×

但我得到以下输出：

<input type="text" id="receiver" class="form-control input-sm" ng-model="to" /> ，$scope.to=""; $scope.id=[1,2,3]; $scope.append = function ($event) { $scope.to=$scope.to+id[0]+('<div class="close" data-dismiss="modal">&times;</div>'); } ，1 <div class="close" data-dismiss="modal">&times;</div>

任何人都可以帮助我。

Answer 1

您的解决方案存在两个问题：

1. 您希望提供HTML，但此HTML会在最终输出中转义并作为字符串处理/显示。为了防止HTML被转义，您必须使用ng-bind-html内的ng-model指令。不要忘记将ngSanitize声明为模块依赖项。
2. 您正在尝试在输入标记中包含HTML。这是不可能的，大多数浏览器都会从输入标签中获取此HTML（使其成为兄弟而不是孩子）。您必须重新设计自己想要做的事情，因此1 x，2 x ...的容器不是input。