Javascript 如何按类名选择元素并在angularJs中遍历这些对象?
我是angularJs的新手,我的角度控制器中有一个函数Javascript 如何按类名选择元素并在angularJs中遍历这些对象?,javascript,jquery,css,angularjs,Javascript,Jquery,Css,Angularjs,我是angularJs的新手,我的角度控制器中有一个函数 $scope.addPrimaryClass = function () { var weekDayBtn = $(".weekdayButton"); weekDayBtn.addClass("btn-white").removeClass("btn-primary"); $.each(weekDayBtn,function (index) { if($(this)
$scope.addPrimaryClass = function () {
var weekDayBtn = $(".weekdayButton");
weekDayBtn.addClass("btn-white").removeClass("btn-primary");
$.each(weekDayBtn,function (index) {
if($(this).val()==$scope.weekly){
$(this).addClass("btn-primary").removeClass("btn-white");
}
})
};
我认为:
<div class="btn-group">
<button class="btn btn-white weekdayButton" type="button" value="7" ng-click="weekdayClicked($event);">Sun</button>
<button class="btn btn-white weekdayButton" type="button" value="1" ng-click="weekdayClicked($event);">Mon</button>
<button class="btn btn-primary weekdayButton" type="button" value="2" ng-click="weekdayClicked($event);">Tue</button>
<button class="btn btn-white weekdayButton" type="button" value="3" ng-click="weekdayClicked($event);">Wed</button>
<button class="btn btn-white weekdayButton" type="button" value="4" ng-click="weekdayClicked($event);">Thu</button>
<button class="btn btn-white weekdayButton" type="button" value="5" ng-click="weekdayClicked($event);">Fri</button>
<button class="btn btn-white weekdayButton" type="button" value="6" ng-click="weekdayClicked($event);">Sat</button>
</div>
太阳
周一
星期二
结婚
清华大学
星期五
坐
addPrimaryClass中的代码在控制台中按要求工作,因为我可以在那里使用普通的jquery,但代码本身不工作。基本上,我想根据范围值之一更改按钮的css。请帮忙 您可以使用
ng class
指令根据作用域变量应用类。例如:
<button class="btn weekdayButton" type="button" value="7" ng-click="weekdayClicked($event);" ng-class="($(this).val()==$scope.weekly) ? 'btn-primary' : 'btn-white'">Sun</button>
Sun
有几种方法可以使用ng class
指令。请查看文档并决定什么最适合您:
另一方面,您可能希望从Angular代码中删除所有jQuery:)它是jQuery还是AngularJS?@guradio AngularJS在引擎盖下有jQuery lite,可通过访问,但由于它是jQuery lite,文档中有一些限制。这是Angular,我想要与jquery中类似的功能。@PrabinUpreti阅读文档了解更多信息,也请参阅