Question

我使用以下代码创建了一个有关角度的指令：

app.directive('uploader', function () {
    return {
        restrict: 'E',
        scope: {},
        template: '<div class="col-md-12">'
                    + '<p><input type="file" id= "file_upload" name="file_upload" class="fullWidth" />'
                    + '</p>'
                + '</div>'
                + '< br /><br/>'
                + '<div class="modal-footer">'
        + '<button type="button" class="btn btn-primary" ng-click="upload()">Import File</button >'
        + '< /div>'

并将其与我的html代码一起使用：

<div class="modal fade" id="importModal" role="dialog">
    <div id="importRealModal" class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                 <h4 class="modal-title" id="dateModalTitle">Import Workflow</h4>
             </div>
             <div class="modal-body" uploader>
            </div>
        </div>
    </div>
</div>

我的问题是我的modal-body类的div不会在我的指令上呈现模板。

任何想法为什么？

Answer 1

您已将其声明为元素指令。所以像

一样使用它

<uploader></uploader>

角度指令模板没有显示

1 个答案: