Question

未调用可排序且未显示控制台日志。控制台中没有错误。

这是我的代码。

JGA-directive.js

(function() {
angular
    .module('jgaDirectives', [])
    .directive('jgaSortable', jgaSortable);

 function jgaSortable() {

    console.log("test");

    function linker(scope, element, attr) {
        var start = -1;
        var end = -1;
        element.sortable({
            start: function(event, ui) {
                start = $(ui.item).index();
            },
            stop: function(event, ui) {
                end = $(ui.item).index();
                scope.sortableController.sort(start, end);
            }
        });
    }

    return {
        scope: {},
        restrict: C,      
        link: linker,
        controller: sortableController,
        controllerAs: 'sortableController'
    }

    function sortableController(WidgetService) {
        var vm = this;
        vm.sort = sort;

        function sort (start, end) {

        }
    }
}

}）（）;

app.js

(function () {
    angular.module('WebAppMaker', ['ngRoute', 'jgaDirectives'])})();

widget.-list.view.client.html

＆＃13;

<div class="jga-sortable" ng-repeat="widget in model.widgets">
    <div ng-switch="widget.widgetType">
        <div ng-switch-when="HEADER">
            <div ng-include src="'views/widget/widget-heading.view.client.html'"></div>
        </div>
        <div ng-switch-when="IMAGE">
            <div ng-include src="'views/widget/widget-image.view.client.html'"></div>
        </div>
        <div ng-switch-when="YOUTUBE">
            <div ng-include src="'views/widget/widget-youtube.view.client.html'"></div>
        </div>
    </div>
</div>

＆＃13;

的index.html

＆＃13;

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Assignment</title>

        <script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
        <script data-require="angular.js@1.4.3" data-semver="1.4.3" src="https://code.angularjs.org/1.4.3/angular.js"></script

        <link rel="stylesheet" href="../js/jquery-ui.css">
        <script src="../js/jquery.js"></script>
        <script src="../js/jquery-ui.js"></script>

        <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"/>
        <link href="../css/full-width-pics.css" rel="stylesheet">
        <link rel="stylesheet" href="css/style.css"/>


        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-route.min.js"></script>

        <script src="app.js"></script>
        <script src="config.js"></script>
        <script src="directives/jga-directives.js"></script>

        <!-- controllers -->
        <script src="views/user/user.controller.client.js"></script>
        <script src="views/website/website.controller.client.js"></script>
        <script src="views/page/page.controller.client.js"></script>
        <script src="views/widget/widget.controller.client.js"></script>

        <!-- services -->
        <script src="services/user.service.client.js"></script>
        <script src="services/website.service.client.js"></script>
        <script src="services/page.service.client.js"></script>
        <script src="services/widget.service.client.js"></script>     
    </head>

＆＃13;

有谁知道为什么会出现这个问题？

角度定制指令未被激活

0 个答案: