AngularJS：ng-bind-html 不适用于按钮标签

我在 div“ng-bind-html”中动态打印输入类型按钮时遇到问题。

HTML 模板：

<input type="button" value="Add" ng-click="add()">
<div ng-bind-html="snippet"></div>

控制器：

$scope.add = function() {
   $scope.snippet = "<input type='button' value='Test' ng-click='myFunc()'><b>Test 2</b>";
}

标签输入被删除，然后我只看到“粗体”文本测试 2。

Thanks

由于某种原因，您的 html 标记被标记为unsafe通过角度js。如果您确定您的代码片段文本是安全的，您可以$sce.trustAsHtml在将其添加到之前$scope.snippet.

app.controller('yourCtrl', ['$scope', '$sce', function($scope, $sce){
    $scope.add = function(){
        var text = "<input type='button' value='Test'><b>Test 2</b>";

        // mark it as clean
        text = $sce.trustAsHtml(text);

        $scope.snippet = text;
    };
}]);