cari

Rumah  >  Soal Jawab  >  teks badan

angular.js - 想用angular实现模拟select下拉框效果,如下图,但是不知道怎么去实现?

当用户去点击“武汉”这个p(A)的时候,出来一个下拉框p(B),B里面的内容是动态生成的,然后点击B里面任意一个内容,然后就赋值到A这个区域,然后B隐藏掉了。

高洛峰高洛峰2743 hari yang lalu486

membalas semua(2)saya akan balas

  • 巴扎黑

    巴扎黑2017-05-15 17:02:11

    Cari rujukan sumber terbuka
    https://github.com/angular-ui/ui-select

    balas
    0
  • ringa_lee

    ringa_lee2017-05-15 17:02:11

    pengawal:

    $scope.names = [{
        name: 'tom'
    },{
        name: 'jack'
    },{
        name: 'xiaoming'
    }];
    

    html

    <p>
        <select ng-options="names.name for names in names">
            <option value="">请选择</option>  <!-- 直接用模型值第一个会为空,所以这里填充第一个 -->
        </select>
    </p>

    balas
    0
  • Batalbalas