0

我将 Angular.JS 与 Require.JS 一起使用。我的文件结构类似于（为示例简化）如下：

main.js

require( ['controllers', 'directives/priceBox', 'directives/slider'], function() {
    angular.bootstrap(document, ['myApp']);
});

应用程序.js

define(['angular'], function (angular) {
    return angular.module('myApp', []);
});

指令/slider.js：

define(['app', 'jquery-ui', 'directives/priceBox'], function (app) {
    'use strict';
    app.directive('slider', function() {
        return {
            restrict: 'A',
            template: '<div id="slider"></div>',
            replace: true,
            require: 'priceBox',
            link: function(scope, el, attrs, priceBoxCtrl){

            }
        };
    });
});

指令/priceBox.js

define(['app'], function (app) {
    app.directive('priceBox', function() {
        return {
            restrict: 'A',
            template: '<div id="price">{{ price }}</div>',
            replace: true,
            controller: function ($scope) {
                console.log('Hi from controller');
            }
        }
    });
});

我在这里想要的是访问指令priceBox中的控制器。slider但是，此代码会引发Error: No controller: priceBox错误。

4

0 回答 0