Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用带角度种子项目的角度ui选择_Javascript_Angularjs_Angular Ui_Angular Ui Select_Angular Seed - Fatal编程技术网

Javascript 使用带角度种子项目的角度ui选择

Javascript 使用带角度种子项目的角度ui选择,javascript,angularjs,angular-ui,angular-ui-select,angular-seed,Javascript,Angularjs,Angular Ui,Angular Ui Select,Angular Seed,我从创建了一个基础项目,并尝试使用angular ui select向该项目添加下拉菜单。我安装了angular ui select,并将select.js和select.css添加到我的index.html文件中。还安装了角度消毒装置 我的view1.html看起来像: <p>This is the partial for view 1.</p> <ui-select ng-model="vm.person.selected" style="min-width:

我从创建了一个基础项目,并尝试使用angular ui select向该项目添加下拉菜单。我安装了angular ui select,并将select.js和select.css添加到我的index.html文件中。还安装了角度消毒装置

我的view1.html看起来像:

 <p>This is the partial for view 1.</p>
<ui-select ng-model="vm.person.selected" style="min-width: 300px;">
    <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.name}}</ui-select-match>
    <ui-select-choices repeat="person in vm.people">
      <div ng-bind-html="person.name | highlight: $select.search"></div>
      <small>
        email: {{person.email}}
        age: <span ng-bind-html="''+person.age | highlight: $select.search"></span>
      </small>
    </ui-select-choices>
  </ui-select>

附件是我目前看到的照片。不确定为什么显示不正确。

这是css问题。信不信由你。您需要添加引导3:

 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css">


您能创建一个plunkr或jsbin来演示这一点吗?您能在github上至少创建一个回购协议,这样我们就可以看到整个项目了吗@维尼ciusFagundes@MicahWilliamson在上面添加了github链接为什么创建第二个内容完全相同的问题?下面的同一个人回答了两个问题。。。。
 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css">