angularjs 动态加载指令------编译服务$compile

最新推荐文章于 2025-02-07 09:00:00 发布

diaoman4889

最新推荐文章于 2025-02-07 09:00:00 发布

阅读量218

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/nanamiao/p/9330409.html

版权

本文介绍如何在Angular中实现指令的动态加载。通过监听特定数据变化，利用$compile服务，在数据更新后重新编译并插入自定义指令，实现指令的动态加载。此方法适用于需要根据实时数据动态展示或更新DOM结构的场景。

摘要由CSDN通过智能技术生成

场景：

我们写了一个自定义的指令，这条指令需要一些数据，而这些数据需要在某些操作之后才能就绪，这时候，我们就需要在数据就绪之后，动态加载指令。

示例：

　　js：

         $scope.$watch('report.reportTime', function (newVal, oldVal) {
            if (newVal !== oldVal) {
                $("#test").html($compile("<select-users hasDefalut='true' isDefaultCanDelete='true' selected-users='selectedUsers'>")($scope));
            }
        });

html：

注意：

$compile 为angular的编译函数，使用时需要注入到controller中，

使用方法：$compile(ele)($scope)

转载于:https://www.cnblogs.com/nanamiao/p/9330409.html