在我的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]);
}());