Angular指令不显示任何值

Question

我有这个没有显示任何值的指令，即使在我打破函数时，vm变量在创建每个指令行时都有。

(function () {

    angular
        .module('sales.directives')
        .directive("viewPayment", viewPayment);

    function viewPayment() {
        return {
            controller: 'ViewPaymentController',
            controllerAs: 'vm',
            bindToController: true,
            templateUrl: 'pages/viewPayment.html',
            restrict: 'E',
            scope: {
                payment: '=',
                paymentDetails: '=',
                setCurrentPayment: '&',
                currentPaymentId: '=',
                openLineItemDrawer: '&'
            }
        };
    }

    angular
        .module('sales')
        .controller('ViewPaymentController', viewPaymentController);

    viewPaymentController.$inject = ['$scope'];

    function viewPaymentController($scope) {
        var vm = $scope;

        vm.details = _(vm.paymentDetails).where({ 'paymentId': vm.payment.paymentId }).value();
        vm.revisionCount = getPaymentCount();
        vm.showRevision = vm.revisionCount > 0;
        vm.isCurrentPayment = false;
        vm.showEffectiveDate = vm.payment.paymentType === 'ePayment';

        $scope.$watch('vm.currentPaymentId', setIsCurrentPayment);

        function getPaymentCount() {
            return vm.details.length - 1;
        }

        function setIsCurrentPayment(currentPaymentId) {
            vm.isCurrentPayment = currentPaymentId === vm.payment.paymentId;
        }
    }
})();

Answer 1

删除＆＃34; controllerAs＆＃34;并改变所有的vm。到范围。解决了这个问题。