我目前使用AngularJS和Bootstrap.我想制作一个类型,当他被选中时(当我点击它时)显示所有选项,不仅当我在上面写了一些东西时.就像这个站点上使用JQuery 的例子(我不能使用JQuery).
这是我的控制器
countrycatControllers.controller('CountryListCtrl',['$scope',
function ($scope) {
$scope.listCountry = [
{"name": "Switzerland"},
{"name": "France"},
{"name": "Spain"},
{"name": "Brazil"},
{"name": "Argentina"},
{"name": "USA"},
{"name": "Canada"},
{"name": "China"},
{"name": "Germany"},
{"name": "Italy"}
];
}
])
这是我的HTML输入:
<pre>Model: {{country | json}}</pre>
<input data-ng-model="country" typeahead="item.name for item in listCountry | filter:$viewValue"/>
我使用angularJs和bootstrap.我已经制作了一个手风琴,我在其中选择了过滤器的值和数据-ng-模型不起作用(如果他不是手风琴,则选择有效).这是我的代码:
<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: '=',
},
};
});
我正在使用angularJS,我需要找到约会的下一天和前一天.
我有datepicker
<span data-ng-model="$parent.selected_date" is-open="opened" data-show-button-bar="false" datepicker-popup show-weeks="false" starting-day="1" language="locale" datepicker-options="datepickerConfig" date-disabled="disabled(date, mode)" >
<button type="button" class="btn btn-default btn-md text-center" data-tooltip="{{ 'Interface-UserWeek-Tooltip-Datepicker' | translate }}" data-ng-click="open($event)"> <i class="glyphicon glyphicon-calendar"></i></button>
</span>
我从ng-model($ parent.selected_date)获取数据,我需要获取后一天和前一天(这是为了实现我的日期禁用).我试着过滤:
var day = $filter('date')($scope.$parent.selected_date, 'dd');
day++;
但是当我在一个月结束时它不能按照我想要的方式工作(例如我不想找到5月32日,但我想要6月1日......)
谢谢