Question

我试图从角度控制器创建一个下拉列表：我的HTML代码：

  <select>
  <option value="" disabled selected >Choose your option</option>
  <option ng-repeat="ty in type">{{ty.$value}}</option>
  </select>

控制器代码：

var typeRef = new Firebase(FIREBASE_URL + "/type");
var typeArray = $firebase(typeRef).$asArray();
typeArray.$loaded().then( function (data) {
            $scope.type = data;
            console.log(data);
        });

在这种情况下，它有效：

<ul id='dropdown2' class='dropdown-content'>
<li ng-repeat="ty in type"><a href="#!">{{ty.$value}}</a></li>
</ul>

ty.$value适用于上述代码，但在此<select>代码中并未显示任何内容，为什么会这样？

Answer 1

您不需要使用ng-repeat，您可以使用ng-options

<select ng-options="ty.$value for ty in type" ng-model="something">
<select>

Answer 2

使用

<select ng-options="ty.$value as ty.$value for ty in type" ng-model="achvtype"> <option value="" disabled selected >Choose your option</option> </select>

http://jsbin.com/juhamul/edit?html,js,output

AngularJs使用ng-repeat下拉

2 个答案: