Question

事情是你这样的时候

<select class="selectpicker">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>

一切都显示良好，你可以看到selectpicker有第一个选项的标题。

但是当我添加 ng-model 指令时，它开始有＆＃34;没有选择＆＃34;这个标题完全不适合我。

那么我该如何解决这个问题呢？

HTML

<html ng-app="selectDemoApp">

<body>
  <div role="main">
    <div class="container">
      <section ng-controller="SelectCtrl">
        <div class="page-header">

          <select class="selectpicker" ng-model="changeState" ng-change="go(changeState)">
            <option value="https://google.com">Mustard</a>
            </option>
            <option value="/2.html">Ketchup</a> 
            </option>
            <option value="/3.html">Relish</a>

          </select> 
        </div>
      </section>
    </div>
  </div>
</body>

</html>

JS

angular.module('selectDemoApp', [ 'angular-bootstrap-select', 'angular-bootstrap-select.extra']);

function SelectCtrl($scope, $location) {

  $scope.go = function ( path ) {
    alert(path)
};
}

Answer 1

添加ng-init以初始化select字段的值。像这样ng-init="changeState='https://google.com'

Answer 2

插入选项：

 $('.display_noti').on('click',function(){
     $(this).css({'background':'black'}); //same background color of the inner div
 });

如何在selectpicker中删除默认标题？

2 个答案: