我想在我的html文檔中添加一些css-classes
。當我用我的應用程序沒有json
(簡單$scope.resumes = [{..some data..}]
)它的作品不錯,但是當我包括JSON文件它的工作原理不好(我看到必要的數據,但沒有CSS類)在加載json之後,在AngularJS應用中向HTML文檔添加一個類?
var myApp = angular.module('myApp', []);
myApp.controller('ResumeListCtrl', function ($scope, $http) {
$scope.title="resume";
$http.get(window.location+'/js/resumes.json').success(function(data){
$scope.resumes= data;
});
});
$(document).on("ready", function() {
$(".box:even").addClass("hvr-bubble-right").addClass("margin_right_5").addClass("box-float-right");
$(".box:odd").addClass("hvr-bubble-left").addClass("margin_left_5").addClass("box-float-left");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="expa col-xs-6 col-sm-6 col-md-6 col-lg-6" ng-repeat="resume in resumes">
<div class="box" >
<h3 class="h3-style">{{resume.name}}</h3>
<div class="description_company_name"><span>{{resume.company}}</span><span><i
class="fa fa-circle"></i></span><span>{{resume.year}}</span></div>
<div class="hidden-xs">
{{resume.description}}
</div>
</div>
</div>
您應該嘗試使用angular來添加類,這樣您可以修改範圍中的變量,也可以修改classnames。使用jQuery和Angular這樣可能會給你奇怪的結果我猜 –
在學習角度的同時,把jQuery.js帶出你的頁面。只有在你找到真正需要的時候才放入它 – charlietfl