首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何编写ngBindCompile指令?

如何编写ngBindCompile指令?
EN

Stack Overflow用户
提问于 2013-06-13 07:58:26
回答 1查看 46关注 0票数 1

如何编写类似于ngBindTemplate的指令,而不是接受作为模板的字符串,而是接受包含模板的变量?即:

现有:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
ng-bind-template="{template}"

要编写:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 ng-bind-compile="var"

where var="{template}"

提前感谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-13 09:33:08

下面是如何在指令的父作用域上下文中使用$compile来完成此操作:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
app.directive('ngBindCompile',function($compile){
    return {
        scope:{
            template: '=ngBindCompile'
        },
        link: function(scope,element,attrs){
            var html = '<div>' + scope.template + '</div>';
            var compiled = $compile(html)(scope.$parent);
            element.replaceWith(compiled);
        }
    }
});

Here is a fiddle

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17082027

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文