javascript – Angular：如何在控制器中访问元素指令的作用域

鉴于这个简单的Angular模块：

angular.module('fixturesModule',[])
.directive('clubfixtures',function () {
    "use strict";
    return {
        restrict: 'E',replace: true,transclude: true,scope: {
            club : "@club",max : "@max"
        },templateUrl: "ClubResultstemplate.html",controller: function ($scope,$http) {

        $http.get("data.json").success(function (data) {
            $scope.results = data;
        });

        $scope.sortBy = "Date";

    }
}
});

如何在控制器功能中访问club和max？

谢谢,
杰夫

解决方法

提到的2个变量(max和club)将在注入指令控制器的范围内简单定义.这意味着你可以写：

controller: function ($scope,$http) {

        $scope.max; //do sth with $scope.max
        $scope.club //so sth with $scope.club

        $http.get("data.json").success(function (data) {
            $scope.results = data;
        });
}

在你的指令的控制器中.

如果你想阅读更多内容,我会在http://docs.angularjs.org/guide/directive中建议“指令定义对象”,它会在指令中讨论范围.

原文地址：https://www.jb51.cc/js/155430.html