angularjs指令中的template没效果

Question

<div class="container">

        <div class="col-md-9 g-main-l">

            <div selectCommen></div>

        </div>
    </div>
    <script type="text/javascript" src="js/anFrame/angular.min.js"></script>
    <!--<script type="text/javascript" src="js/anForm.js"></script>-->
    <script type="text/javascript">
        var selectCommens = angular.module('chapterSelect', []);
        selectCommens.directive('selectCommen', function() {

            return {

                restrict: 'AE',
                templateUrl: 'selectCommen.html',
                replace: true
            }

        });
    </script>
</body>

请问我这段代码是什么地方写错了，不报错也没效果？

Answer 1

我觉得应该这样吧。<select-commen/>

如果没有相关link的。ng-include引用模板也不错。

Answer 2

<div class="col-md-9 g-main-l">

            <div select-commen></div>

</div>