在 angularjs 中使用 $compile

Question

我对angularjs中的$compile真是一头雾水。任何人都可以帮助我，在 angularjs 中使用 $compile 的例子本文档中的其他内容。 https://docs.angularjs.org/api/ng/service/$compile

Answer 1

这个link的第一行https://docs.angularjs.org/api/ng/service/$compile已经说了所有关于$compile

简而言之，它将编译 html dom，以便它将用于 angular js 的范围。

Answer 2

$compile 将文本编译为 html..

这是示例

 angular
                .module("myModule", [])
                .controller("myController", ['$scope', '$compile', function ($scope, $compile) {
                    $scope.txt = "<b>SampleTxt</b>";
                    $scope.submit = function () {
                        var html = $compile($scope.txt)($scope);
                        angular.element(document.getElementById("display")).append(html);
                    }
                }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myModule" >
    <div ng-controller="myController">
        <textarea ng-model="txt" ></textarea>
        <input type="button" value="submit" ng-click="submit()" />
        <div id="display"></div>
    </div>
</body>

在 angularjs 中使用 $compile

Working with $compile in angularjs

angularjs

angularjs-compile