大佬教程收集整理的这篇文章主要介绍了使用AngularJS选择ng-options和Semantic UI的下拉列表，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
如何将AngularJS select ng-option与Semantic UI’s dropdown集成？我不是一个JS专业人士.这是JSfidde：http://jsfiddle.net/fMUy3/
<!doctype html>
<html ng-app="App">
<body ng-controller="MainCtrl">
<h3>Option 1 (standard)</h3>
<SELEct ng-model="SELEctedItem" ng-options="c as (c.id + ' - ' + c.Name) for c in containers">
<option value="">-- Pick A Container --</option>
</SELEct>
<br>ID: {{SELEctedItem.iD}}
<br>Name: {{SELEctedItem.namE}}
<h3><a href="http://semantic-ui.com/modules/dropdown.html"> Semantic UI Dropdown</a></h3>
<div class="ui SELEction dropdown ">
<input name="id" type="hidden" value="0">
<div class="text">-- Pick A Container --</div> <i class="dropdown icon"></i>
<div class="menu transition hidden">
<div class="item active">-- Pick A Container --</div>
<div data-value="{{Container.iD}}" class="item" ng-repeat="container in containers">{{Container.namE}}</div>
</div>
</body>
</html>
JavaScript的：
var app = angular.module('App',[]);
app.controller('MainCtrl',function($scopE) {
$scope.containers = [
{id: 1,name: 'Box1'},{id: 2,name: 'Box2'},{id: 3,name: 'Box3'}];
//$scope.SELEctedItem = $scope.containers[0];
});
$('.ui.dropdown').dropdown();
非常感激！
其次,您不能在div转发器上使用Ng-options,但可以使用Ng-click进行模拟
HTML
<div data-value="{{Container.iD}}" class="item" ng-repeat="container in containers" ng-click="SELEct(container)"> {{Container.namE}} </div>
JS
$scope.SELEct = function(container) { $scope.SELEctedItem = container; };
以上是大佬教程为你收集整理的使用AngularJS选择ng-options和Semantic UI的下拉列表全部内容，希望文章能够帮你解决使用AngularJS选择ng-options和Semantic UI的下拉列表所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。