javascript - ng-click 不使用 Controller-As 语法触发

Question

在我的 HTML 中，我有一个 ng-click 指令，它正在调用我的 ProductListCtrl 中的函数。我正在使用 Controller As 语法，但我不知道为什么它不起作用。您通常只是使用语法将其附加到 this.，但有些地方是错误的。

这是我的 HTML。

<form class="span2 pull-right" style="display: inline;">
    <label for="searchItem" style="font-size: large; font-weight: normal;">Item Code:</label>
    <input id="searchItem" type="search" style="color: #337ab7;" ng-model="vm.searchCriteria" />
    <button id="itemLookUpBtn" class="btn btn-sm" style="vertical-align: top; color: #337ab7;" ng-click="lookUpItem">Search</button>
</form>

这是我的 Controller 。

(function () {
    "use strict";
    var app = angular.module("productManagement")

    var ProductListCtrl = function (productResource) {
        var vm = this;
        vm.searchCriteria = null;
        productResource.query(/*{ $filter: "Price le 20", $orderby: "Price desc" },*/ function (data) {
            vm.products = data;
        });
        vm.lookUpItem = function () {
            console.log("Here");
                productResource.query({ search: vm.searchCriteria }, function (data) {
                if (data.length == 0) {
                    vm.noProducts = "No Results";
                    vm.products = null;
                } else {
                    vm.noProducts = null;
                    vm.products = data;
                }
            });
        }
    }
    app.controller("ProductListCtrl", ["productResource", ProductListCtrl]);
}());

Answer 1

请使用 ProductListCtrl.lookUpItem()，如下所示 -

    <button id="itemLookUpBtn" class="btn btn-sm" style="vertical-align: top; color: #337ab7;" ng-click="ProductListCtrl.lookUpItem()">Search</button>