Question

我的angular 6应用程序中有多个JS文件，如下所示，但是我无法在应用程序中使用它：

$"scripts": 
[
"src/jquery.sumoselect.js",
"src/popper.min.js"
]

当我尝试在.ts文件中引用它时，会引发错误。

import * as $ from 'jquery';
import  * as SumoSelect from 'SumoSelect';

@Component({
selector: 'app-home1',
templateUrl: './home1.component.html',
styleUrls: ['./home1.component.css']
 })
export class Home1Component implements OnInit {

constructor() { 

$(document).ready(function () {
  window.asd = $('.SlectBox').SumoSelect({ csvDispCount: 3, selectAll: true, captionFormatAllSelected: "Yeah, OK, so everything." });
  window.test = $('.testsel').SumoSelect({ okCancelInMulti: true, captionFormatAllSelected: "Yeah, OK, so everything." });

  window.testSelAll = $('.testSelAll').SumoSelect({ okCancelInMulti: false,  selectAll: true ,search: true,});

  window.testSelAll2 = $('.testSelAll2').SumoSelect({ selectAll: true });

  window.testSelAlld = $('.SlectBox-grp').SumoSelect({ okCancelInMulti: true, selectAll: true, isClickAwayOk: true });

  window.Search = $('.search-box').SumoSelect({ csvDispCount: 3, search: true, selectAll: true, searchText: 'Enter here.' });
  window.sb = $('.SlectBox-grp-src').SumoSelect({ csvDispCount: 3, search: true, searchText: 'Enter here.', selectAll: true });
  window.searchSelAll = $('.search-box-sel-all').SumoSelect({ csvDispCount: 3, selectAll: true, search: true, searchText: 'Enter here.', okCancelInMulti: true });
  window.searchSelAll = $('.search-box-open-up').SumoSelect({ csvDispCount: 3, selectAll: true, search: false, searchText: 'Enter here.', up: true });
  window.Search = $('.search-box-custom-fn').SumoSelect({
      csvDispCount: 3, search: true, searchText: 'Enter here.', searchFn: function (haystack, needle) {
          var re = RegExp('^' + needle.replace(/([^\w\d])/gi, '\\$1'), 'i');
          return !haystack.match(re);
      }
  });

  window.groups_eg_g = $('.groups_eg_g').SumoSelect({ selectAll: true, search: true });


  $('.SlectBox').on('sumo:opened', function (o) {
      console.log("dropdown opened", o)
  });

}）;

它说：

sumoselect在html元素类型上不存在

在角度6中添加Scrooltab和sumoselect JS

0 个答案: