当前位置: 首页 > 面试题库 >

在angularjs中使用$ compile

慕容嘉熙
2023-03-14
问题内容

我真的对angularjs中的 $ compile 感到困惑。任何人都可以帮助我,在angularjs中使用$
compile以及在本文档之外的示例。
https://docs.angularjs.org/api/ng/service/$compile


问题答案:

$ 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>


 类似资料:
  • 问题内容: 如何在Angular中使用Google GeoChart?我想在geoChart中注入角度数据,就像Javascript中的以下示例一样:https://developers.google.com/chart/interactive/docs/gallery/geochart?hl = it#Regions 一些忠告? 问题答案: Angular Google Chart可以做到这一点

  • 问题内容: 我正在尝试在我的角度应用程序中包括以下Bootstrap可折叠面板。但是,当我单击“展开”时,似乎可以看到角度,然后将其重定向到主页,而不是折叠面板。我的路由看起来像这样,我认为是引起问题的原因。有什么建议? 面板- 问题答案: 作为一个类似的问题mentionned,简单地由数据目标属性改变您的href

  • 问题内容: 访问https://github.com/gsklee/ngStorage。 我的代码有2个局部变量,在partial1中,我有3个输入框,在其中输入的数据是’abc’,’pqr’,’xyz’,单击按钮后,我想重定向到partial2,其中输入框如下所示在控制器“ abcpqr”,“ abxy”中计算的详细信息。 两个partials都使用localStorage [ngStorage

  • 问题内容: 我正在尝试使用简单的jQuery UI。我已经包含了所有内容,并且有一个简单的脚本: 和 我的包括: 但是,当我打开页面时,没有滑块。根据角度文件: 如果有jQuery,则angular.element是jQuery函数的别名。如果jQuery不可用,则angular.element委托给Angular的内置jQuery子集。 但是,我不太了解如何使用,也没有示例。 更新: 我设法在屏

  • 本文向大家介绍在AngularJS中使用AJAX的方法,包括了在AngularJS中使用AJAX的方法的使用技巧和注意事项,需要的朋友参考一下 AngularJS提供$http控制,可以作为一项服务从服务器读取数据。服务器可以使一个数据库调用来获取记录。 AngularJS需要JSON格式的数据。一旦数据准备好,$http可以用以下面的方式从服务器得到数据。 在这里,data.txt中包含的学生记

  • 问题内容: 我想加载一个内联视图模板。 我将模板包装在类型为的脚本标签中,并将ID设置为。这是我的模块配置 它在控制台窗口中告诉我,这意味着它正在寻找该名称的文件。 我的问题是:如何配置路由以使用嵌入式模板? 更新:这是我的服务器渲染的DOM的样子 问题答案: Ody,您的方向正确,唯一的问题是标记位于使用指令的DOM元素 之外。如果将其移至元素,则内联模板应该可以使用。