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>