為什么我的指令中的值沒有傳遞到函數中？

Question

這是我的指令：

function OrderCloudRepeatOrderDirective() {
    return {
        restrict: 'E',
        templateUrl: 'orderHistory/templates/repeatOrder.tpl.html',
        controller: 'RepeatOrderCtrl',
        controllerAs: 'repeat',
        scope: {
            orderid: '=',
            includeBilling: '@',
            includeShipping: '@'
        }
    }

}

這是我的指令的視圖：

<div class="btn btn-success" ng-click="repeat.reorder(orderid, includeBilling, includeShipping)" >Reorder</div>

這里實際上是在 HTML 中：

<ordercloud-repeat-order orderid="order.ID" includeBilling="true" includeShipping="true"></ordercloud-repeat-order>

然后我只是有一個與執行邏輯的 ng-click 指令相關聯的函數。 我意識到“@”值作為字符串返回並已適應。 orderID 值很好，但是當我逐步執行我的函數時，我發現其他兩個值未定義。 有任何想法嗎？

Answer 1

通過命名約定（后續單詞的大寫），當用作元素的 HTML 屬性時，Angular 會在參數名稱中添加一個破折號。

• includeBilling用作include-billing="true"
• includeShipping用作include-shipping="true"

請注意，您將orderid范圍變量定義為完全小寫，這就是該變量按原樣工作的原因。