Код Плункера для AngularJS Dropdown Multiselect не работает в Visual Studio - PullRequest
Новая
       17

Код Плункера для AngularJS Dropdown Multiselect не работает в Visual Studio

0 голосов
/ 11 марта 2020

Этот код Plnkr отлично работает в режиме онлайн: http://plnkr.co/edit/guyY8gj1n9rXvOieEOyc?p=preview&preview

HTML Код: 

<head>
    <link data-require="bootstrap@*" data-semver="3.3.2" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
    <script data-require="bootstrap@*" data-semver="3.3.2" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script data-require="angular.js@*" data-semver="1.3.14" src="https://code.angularjs.org/1.3.14/angular.js"></script>
    <script data-require="lodash.js@*" data-semver="3.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.5.0/lodash.js"></script>
    <script data-require="jquery@2.1.3" data-semver="2.1.3" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="https://rawgit.com/myforce/angularjs-dropdown-multiselect/master/src/angularjs-dropdown-multiselect.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-app="myApp">
    <div ng-controller="MyController">
      <h2>{{test}}</h2>
      <div ng-dropdown-multiselect="" 
        options="example8data" 
        selected-model="example8model" 
        extra-settings="example8settings">
      </div>

    </div>
  </body>

JS Код: 

var myApp = angular.module('myApp',['angularjs-dropdown-multiselect']);

myApp.controller("MyController",['$scope',function($scope){

  $scope.test = "No checkbox list in dropdown ;(";
  $scope.example8model = []; 
  $scope.example8data = [ {id: 1, label: "David"}, {id: 2, label: "Jhon"}, {id: 3, label: "Danny"} ]; 
  $scope.example8settings = { 
        checkBoxes: true, 
        dynamicTitle: false, 
        showUncheckAll: false, 
        showCheckAll: false 
  };

}]);

Однако, когда я пытаюсь скопировать и вставить весь код в мою среду разработки Visual Studio (т. Е. Index. html, scrips. js, style. css, et c.), Вывод не выглядит хорошо на всех. Вот как выглядит вывод в моем веб-браузере:

изображение ошибочного вывода

...