Angularjs Anuglar选择的localytics不工作

Angularjs Anuglar选择的localytics不工作,angularjs,angular-chosen,Angularjs,Angular Chosen,我正在尝试使用Angular和Selected创建一个selecbox。我似乎无法让它发挥作用。我觉得我仍然上传了错误的脚本,但不知道如何上传正确的脚本。我已使用bower安装了Selected。首先,我尝试: <script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/angular/angular.js"></script&g

我正在尝试使用Angular和Selected创建一个selecbox。我似乎无法让它发挥作用。我觉得我仍然上传了错误的脚本,但不知道如何上传正确的脚本。我已使用bower安装了Selected。首先,我尝试:

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-chosen-localytics/chosen.js"></script>

angular.module('myApp', ['localytics.directives'])

angular.module('myApp',['localytics.directives']))
但后来我得到一个错误,说elemnt.selected是未定义的。我了解到,在加载angular之后加载jquery时会发生这种情况。所以我试着:

<script src="bower_components/angular-chosen-localytics/chosen.js"></script>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>

但这不起作用,因为角度没有定义。我发现我有两个独立的鲍尔分量,实际选择的分量和角度选择的分量。因此,我还添加了所选脚本:

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-chosen-localytics/chosen.js"></script>
<script src="bower_components/chosen/chosen.jquery.js"></script>
<script src="bower_components/chosen/chosen.proto.js"></script>
<script src="bower_components/angular-chosen-localytics/chosen.js"></script>

错误消失了,但元素不工作。我得到了一个没有选项的简单条和格式错误的文本。有人知道我做错了什么吗

不起作用的元素:

<select chosen
  data-placeholder="Pick one of these"
  disable-search="true"
  allow-single-deselect="true">
  <option value=""></option>
  <option>This is fun</option>
  <option>I like Chosen so much</option>
  <option>I also like bunny rabbits</option>
</select>

这很有趣
我太喜欢你了
我也喜欢兔子
编辑

对我来说,这个命令有效:

CSS:

模块:

var module = this.module('MyModule', ['ngRoute', 'localytics.directives']);
和要素:

 <select class="form-control" chosen multiple responsive-chosen data-placeholder="Select items" ng-model="selectedItems" ng-options="item.Name for item in allItems">
      <option value=""></option>
 </select>

编辑

对我来说,这个命令有效:

CSS:

模块:

var module = this.module('MyModule', ['ngRoute', 'localytics.directives']);
和要素:

 <select class="form-control" chosen multiple responsive-chosen data-placeholder="Select items" ng-model="selectedItems" ng-options="item.Name for item in allItems">
      <option value=""></option>
 </select>


谢谢你的回答,但这不起作用。看起来好像根本没有加载css。**我也将css文件添加到了我的索引中,这改变了一些内容,但仍然不起作用。我有一个没有宽度的小酒吧,里面没有选择。我周一回去工作时会回来再检查我的项目。谢谢你的回答,但这不起作用。看起来好像根本没有加载css。**我也将css文件添加到了我的索引中,这改变了一些内容,但仍然不起作用。我有一个没有宽度的小酒吧,里面没有选择。我周一回去工作,重新检查我的项目时,我会回来找你
 <select class="form-control" chosen multiple responsive-chosen data-placeholder="Select items" ng-model="selectedItems" ng-options="item.Name for item in allItems">
      <option value=""></option>
 </select>