Я играю с ng-input-tag и хотел добавить класс начальной загрузки к элементу ввода html, чтобы получить его конкретные стили класса начальной загрузки, но он работает не так, как ожидалось.

Ниже приведен код:

angular
  .module('myApp', ['ngTagsInput'])
  .controller('myCtrl', function() {

  });
<link href="https://cdnjs.cloudflare.com/ajax/libs/ng-tags-input/3.1.1/ng-tags-input.bootstrap.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/readable/bootstrap.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0-rc.2/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-tags-input/3.1.1/ng-tags-input.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/ng-tags-input/3.1.1/ng-tags-input.min.css" rel="stylesheet" />

<div ng-app="myApp" ng-controller="myCtrl">
  
  
<div class="form-group">
  <label class="control-label" for="disabledInput">Disabled input</label>
  <tags-input ng-model="tags" class="form-control"></tags-input>
</div>

</div>

Итак, я надеюсь, что вы запустили код и обнаружили, что я не могу получить стиль класса управления формой начальной загрузки для директивы.

Вот ссылка Plunker: https://plnkr.co/edit/jZlAsJ?p=info

0
narengs7 27 Ноя 2016 в 10:44

2 ответа

Лучший ответ
<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
  <link href="https://cdnjs.cloudflare.com/ajax/libs/ng-tags-input/3.1.1/ng-tags-input.bootstrap.min.css" rel="stylesheet" />
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0-rc.2/angular.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ng-tags-input/3.1.1/ng-tags-input.min.js"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/ng-tags-input/3.1.1/ng-tags-input.min.css" rel="stylesheet" />

  <script>
    angular
      .module('myApp', ['ngTagsInput'])
      .controller('myCtrl', function() {

      });
  </script>
</head>

<body>
  <div ng-app="myApp" ng-controller="myCtrl">
    <div class="form-group">
      <label class="control-label" for="disabledInput"> input</label>
      <tags-input ng-model="tags"></tags-input>
    </div>
  </div>
</body>

</html>
0
jtsnr 28 Ноя 2016 в 19:21

Посмотрите на этот плунжер ... Я решил это за вас (возможно, вам придется немного изменить стиль).

https://plnkr.co/edit/sKxMOLWoDPtYNqE8hunS?p=preview

Вам нужно добавить jquery в свой код.

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

Для запуска Bootstrap js потребуется jquery. Имейте в виду, что вы добавили jquery (сценарий выше) перед bootstrap.js (внимательно посмотрите мой код, просмотрите продолжение).

-1
Mistalis 28 Ноя 2016 в 10:24