AngularJs，指令中未定义 $scope.variable

Question

在我的 html 文件中，我使用了一个搜索框指令:

<ng-lms-search-box searchType="Author" maxResult=5 data-ng-model="searchText"> </ng-lms-search-box>

这是我在 app.js 中定义指令的函数:

lmsModule.directive('ngLmsSearchBox', [ '$http', function($http) {
    return {
        restrict : 'E',
        replace : 'true',
        $scope : {
            searchType : '@searchType',
            searchText : '@ngModel',
        },
        templateUrl : '../templates/searchBox.html',
        bindToController : true,
        link : function($scope, element, attrs) {
            console.log($scope.searchType);
            if ($scope.searchType == "Author") {
                element.bind('keyup', function() {
                    $http.post("listAuthor/" + $scope.searchText + "/1", {
                        'Content-Type' : 'application/json'
                    }).success(function(data) {
                        $scope.$emit("passData", data);
                    });
                });
            } else if ($scope.searchtype == "Publishers") {
            } else {
            }
        },
    };
} ]);

$scope.searchType 应该是“author”，但是，“undefined”。

谁知道为什么？提前致谢!

Answer 1

HTML 应该是蛇形的:

  search-type="Author"

在您的指令定义中使用驼峰命名法。

 $scope.searchType