如何在Angular中使用jQuery函數

Question

我用angular寫了一個小程序，其中包含一個在字符串數組中搜索字符串的方法，如下所示：

function searchStringInArray(str, strArray) {
  for (var j = 0; j < strArray.length; j++) {
    if (strArray[j].match(str)) return j;
  }
  return -1;
}

為了優化我的代碼，我考慮過使用jquery，因為我們可以在不導入jquery庫的情況下 （僅在angular腳本之前）在一行中完成此操作（僅通過在angular中使用縮小版本）。

所以，我想嘗試這個新代碼：

$scope.check = $.inArray($scope.message, $scope.messages) ;

但這根本沒有用，控制台告訴我$沒有定義。

這是plunker中的測試代碼： https ://plnkr.co/edit/ftNU3UM7UpKvgL0Jozdy ? p = preview

您能幫我解決這個問題嗎？

謝謝

Answer 1

您可以將jQuery的$存儲在任何變量中，以逃避兩種語言之間的沖突。

noConflict（）方法釋放對$快捷方式標識符的保留，以便其他腳本可以使用它。

例如：-

var jq = $.noConflict(); jq(document).ready(function(){
jq("button").click(function(){
    jq("p").text("jQuery is still working!");
});});