[英]How to iterate through array of objects in template literals and use function for each of those objects?
[英]How to select element by classname and iterate through those objects in angularJs?
我是angularJs的新手,我的角度控制器中有一個功能
$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,但是代碼本身無法在angular中工作。 基本上,我想根據范圍值之一更改按鈕的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>
使用ng-class
指令有幾種方法。 請查看文檔並確定最適合您的文檔: https : //docs.angularjs.org/api/ng/directive/ngClass
另外,您可能要從Angular代碼中刪除所有jQuery :)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.