如何在angularjs中从模板html调用指令

Html

...

在这个html模板文件中，我必须调用一个指令。我的指令名是“help”。但是，如果我添加该指令以调用该指令，它将不起作用。

---

如何在angularjs的html模板中调用指令？

您可以通过以下方式添加指令

作为属性

...

我不确定我是否完全理解这个问题。 是一个JSFIDLE，用于演示如何在ng模板中使用自定义指令

或者试试这个

angular.module（'demo'，[]）
.directive（'help'，function（）{
返回{
模板：“帮助！{{info}}”，
范围：{
信息：“@info”
}
};
})
.controller（'MainCtrl'，['$log'，
函数（$log）{
this.hello='这是MainCtrl'；
this.template='profile template.html'；
//构造
$log.debug（'DemoCtrl已加载'）；
}
]);

这是profile-template.html
只是一个演示
{{main.hello}，包含来自{{main.template}的模板

如果我使用在html中调用指令，则该指令不起作用。在模板中编译模板指令后，该指令将起作用。您可以使用$compile服务来编译它manually@murli2308你能告诉我如何手工编译吗？你的问题不是很清楚。“不工作”是什么意思？没有理由不能在模板中使用指令；为了了解您的问题是什么，我们需要知道您是如何调用此模板的。同时提供指令JS代码。指令的名称是什么？正确的名称（在JS文件中定义）应该是
profilepopupCont
（而不是
profilepopupCont
）。指令
restrict
属性是什么？它应该包括“A”。你也可以用类
和注释
来完成。她的问题不是如何在html中定义指令，她的问题是为什么它在ng模板中不起作用。我试着将它保存在div、page、span中。它不起作用！指令也可以通过设置任意标记的类来应用。
<script type="text/ng-template" id="ProfileTemplateHTML" >
    <div class="container profilepopup-cont" align="center">
        <div class="row">
            <div class="col-sm-3 zero-margin-padding" align="center">
                <img id="DisplayImage" ng-src={{model.picLarge}} class="img-circle">
            </div>
...
</script>