如何在角度项目中添加一些Jquery代码[重复]答案

【问题标题】：How to add some Jquery code in angular Project [duplicate]如何在角度项目中添加一些Jquery代码[重复]
【发布时间】：2019-10-15 07:59:00
【问题描述】：

我正在尝试在 Angular 应用程序中添加一些 Jquery 代码，但显示错误，因为如果我在 HTML 文件中运行正常，我不知道如何在 Angular 中使用该 Jquery 代码下面是我的示例代码请帮帮我

<script type="text/javascript">
    $('.js-example-basic-single').select2({
        placeholder: '--- Select Country ---'
    });
</script>

【问题讨论】：

别这样！你应该不需要使用它。

标签： jquery angularjs

【解决方案1】：

只需要在标签中添加jquery的CDN链接即可。你可以找到每个jquery版本的CDN链接here。

【讨论】：

【解决方案2】：

在使用 jquery 之前将其添加到您的代码中

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>

【讨论】：

【解决方案3】：

var appname = angular.module('appname', []);
appname.controller('appCtrl', ['$scope',
  function($scope) {
    $scope.greeting = {
      text: 'Hello'
    };
  }
]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
<script src="https://rawgit.com/select2/select2/master/dist/js/select2.js"></script>
<link href="https://rawgit.com/select2/select2/master/dist/css/select2.min.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
<script src="script.js"></script>

<body ng-app="appname">
  <div ng-controller="appCtrl">
    <p>{{greeting.text}}, world </p>
  </div>
  <select id="example" class='js-example-basic-single' multiple="multiple" style="width: 300px">
    <option value="JAN">January</option>
    <option value="FEB">February</option>
    <option value="MAR">March</option>
    <option value="APR">April</option>
    <option value="MAY">May</option>
    <option value="JUN">June</option>
    <option value="JUL">July</option>
    <option value="AUG">August</option>
    <option value="SEP">September</option>
    <option value="OCT">October</option>
    <option value="NOV">November</option>
    <option value="DEC">December</option>
  </select>
  <script type="text/javascript">
    $('.js-example-basic-single').select2({
      placeholder: 'Select a month'
    });
  </script>

注意：-这是您查询的简单演示，您必须添加 j 查询的 CDN link。

【讨论】：