ng-view中的嵌套指令不适用于AngularJs

时间:2013-10-15 20:28:31

标签: javascript angularjs

我使用角度ng-view中的native指令开发SPA来更改视图,问题是其中一个视图有一个我写过的自定义指令,当加载路径时,指令不起作用。

这是App的配置方法和不启动的自定义指令:S

climbingApp.config(
        function( $routeProvider ){
            $routeProvider.

            when('/', {
                controller: 'AppCtrl'
            }).

            when('/newSector', {
                template: '<formNewSector></formNewSector>',
                controller: 'addSector',
            }).

            otherwise({ redirectTo: '/'});
        }
    );


climbingApp.directives

        .directive(
            'formNewSector',
            function() {

                return {
                    restrict: 'E',
                    template: "<div>gato</div>",
                    replace: true,
                    link: function( scope, iElement, iAttrs ){

                    }
                }
    });

1 个答案:

答案 0 :(得分:3)

template中的指令拼写错误。对于名为formNewSector的指令,它应该是<form-new-sector>,而不是<formNewSector>