大佬教程收集整理的这篇文章主要介绍了使用ng-model制作带有angularjs / ui-bootstrap的手风琴,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<accordion close-others="oneAtATime"> <accordion-group is-open="isOpen"> <accordion-heading> Country<i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': isOpen,'glyphicon-chevron-right': !isOpen}"></i> </accordion-heading> <SELEct data-ng-model="country" class="input-medium inputFilter form-control"> <option value="">All country</option> <option value="1">Switzerland</option> <option value="2">France</option> <option value="3">Spain</option> </SELEct> </accordion-group> </accordion> <div data-ng-repeat="city in listcity |filter:country"> {{City.namE}},{{City.country}} </div>
我看过手风琴的UI-Bootstrap.我认为我必须做一个指令让它工作,但该指令不适用于手风琴.这是我的指令不起作用
app.directive('accordion',function () { return { scope: { datangModel: '=',},}; });@H_489_2@
控制器:
function AccordionDemoCtrl($scopE) { $scope.oneAtATime = true; //default: all countrys $scope.country = ''; //example data $scope.listcity = [{ name: 'Madrid',country: '3' },{ name: 'Paris',country: '2' },{ name: 'Lyon',{ name: 'Zurich',country: '1' }]; //set a new SELEction $scope.setCountry = function(cid) { $scope.country = cid; } }
标记:
<SELEct ng-model="country" ng-change="setCountry(country)" class="input-medium inputFilter form-control">
看它工作here
顺便说一句:示例指令是我见过的最短的指令.啊,我觉得很容易:-)
@H_489_2@ @H_489_2@以上是大佬教程为你收集整理的使用ng-model制作带有angularjs / ui-bootstrap的手风琴全部内容,希望文章能够帮你解决使用ng-model制作带有angularjs / ui-bootstrap的手风琴所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。