文章/答案/技术大牛

发布

社区首页 >问答首页 >在ng输入标记的输入元素中添加类

问在ng输入标记的输入元素中添加类
EN

Stack Overflow用户

提问于 2016-11-27 07:44:03

回答 2查看 696关注 0票数 0

我正在使用ng- input，并希望将引导类添加到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>

因此，我希望您运行代码，并发现我无法获得引导窗体控制类风格的指令。

下面是柱塞链接：https://plnkr.co/edit/jZlAsJ?p=info

angularjs

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-11-27 11:01:58

<!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

Stack Overflow用户

发布于 2016-11-28 10:03:18

看这个傻瓜..。我已经为您解决了这个问题(您可能需要修改一下样式)。

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

您需要在代码中添加jquery。

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

引导js将需要jquery来运行。请记住，您已经在bootstrap.js之前添加了jquery (上面的脚本)(仔细观察我的代码，查看续集)。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40826803

复制

相似问题

问在ng输入标记的输入元素中添加类
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ng输入标记的输入元素中添加类EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ng输入标记的输入元素中添加类
EN