zoukankan      html  css  js  c++  java
  • angular select框 option空行

     1、使用option

    <select class="form-control" ng-model="searchType">
            <option value="1" ng-selected="searchType=='1'">全部</option>
            <option value="2">有推荐答案</option>  // value=1,把1写成数字形式,在浏览器中还是会变成字符串显示
            <option value="3">无推荐答案</option>
    </select>
    <script>
      .controller('myCtrl',function($scope){
        $scope.searchType=1;
      })
    </script>

    在angular中写如上select,第一次会出现空行,选中一个选项后,空行就消失了。

    要使得一开始就没有空行需要将controller中的赋值变成字符串形式, $scope.searchType="1",这样就没有空行了。

     2、使用ng-option

    <select ng-options="item for item in value" ng-model="searchType"></select>
    <script>
        .controller('myCtrl',function($scope){
            $scope.value=['全部','有推荐答案','无推荐答案'];
        })
    </script>

    这样子是没有表示我要选择哪一项的,如果你不是强制要选择一项,可以在select中添加<option value="">请选择</option>

    如果是强制要选择一项的,可以将$scope.searchType='全部',初始化searchType就可以避免空行了

  • 相关阅读:
    迭代模式
    HackSeven Canvas上的动画
    模板模式
    适配器模式
    豆瓣推荐纪录片
    二手手机十分管用的检查方法
    传参的四种方法
    守夜人誓言+考研誓言
    网络小说分享
    阿里巴巴Java开发手册(详尽版) pdf
  • 原文地址:https://www.cnblogs.com/YangqinCao/p/5788162.html
Copyright © 2011-2022 走看看