使用 ng-model 使用 angularjs/ui-bootstrap 制作手风琴 [英] Make an accordion with angularjs/ui-bootstrap an using the ng-model

查看:35
本文介绍了使用 ng-model 使用 angularjs/ui-bootstrap 制作手风琴的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用 angularJs 和引导程序.我制作了一个手风琴,其中我选择了过滤器的值和不起作用的数据模型(如果他不在手风琴中,则选择有效).这是我的代码:

<accordion-group is-open="isOpen"><手风琴标题>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="">所有国家</option><option value="1">瑞士</option><option value="2">法国</option><option value="3">西班牙</option></选择></accordion-group></手风琴><div data-ng-repeat="city in listcity |filter:country">{{city.name}}, {{city.country}}

我查看了手风琴的 UI-Bootstrap.我想我必须做一个指令才能使它工作,但该指令不适用于手风琴.这是我的指令,它不起作用

app.directive('accordion', function () {返回 {范围: {数据模型:'=',},};});

解决方案

我不确定这是否是您想要的.但我使用 ng-change 来设置新的过滤器值.

控制器:

function AccordionDemoCtrl($scope) {$scope.oneAtATime = true;//默认:所有国家$scope.country = '';//示例数据$scope.listcity = [{name: '马德里',国家:'3'}, {name: '巴黎',国家:'2'}, {name: '里昂',国家:'2'}, {name: '苏黎世',国家:'1'}];//设置一个新的选择$scope.setCountry = 函数(cid){$scope.country = cid;}}

标记:

 
                
            
发送“验证码”获取 | 15天全站免登陆