我正在连接到一个Web服务,并希望为每张幻灯片填充一个带有4个项目的UI Bootstrap轮播.我正在使用| limitTo:4,但我需要一种方法来限制每个幻灯片中的4个.
这是HTML
<div class="row event-slider" ng-controller="eventsController">
<div ng-controller="sliderController">
<carousel interval="interval" class="col-sm-12">
<slide class="col-sm-12">
<div class="col-sm-3 event" ng-repeat="event in eventData | limitTo:4">
<div class="event-inner">
<img ng-src="{{event.image.block250.url}}">
<div class="event-details">
<h4 class="uppercase">{{event.title}}</h4>
<!-- {{event.}} -->
</div>
</div>
</div>
</slide>
</carousel>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
控制器供参考
app.controller("eventsController", function($scope, $http) {
var events = $http.get('/events');
events.success(function(data) {
$scope.eventData = data.events["event"];
console.log($scope.eventData);
});
});
Run Code Online (Sandbox Code Playgroud)
可能有一个简单的解决方案,我缺少使用ng-repeat过滤器.非常感谢帮助.
更新:我不考虑响应,但需要在以后(敏捷冲刺).仍然围着+ =循环我的思绪,但它运作良好.我想我正在开始第4项并从那里开始......再次感谢您的帮助.
var events = $http.get('/events');
var i;
events.success(function(data) {
$scope.eventData = data.events["event"];
$scope.slideGroup = [];
for (i = 0; i …Run Code Online (Sandbox Code Playgroud) javascript twitter-bootstrap angularjs angular-ui angularjs-ng-repeat
我正在使用Laravel创建一个应用程序并构建一个小的内部API来连接到Angular前端.
我有auth工作,但希望确保这是一种可接受的方式来登录用户,并确保一切都是安全的.
会话控制器:
public function index() {
return Response::json(Auth::check());
}
public function create() {
if (Auth::check()) {
return Redirect::to('/admin');
}
return Redirect::to('/');
}
public function login() {
if (Auth::attempt(array('email' => Input::json('email'), 'password' => Input::json('password')))) {
return Response::json(Auth::user());
// return Redirect::to('/admin');
} else {
return Response::json(array('flash' => 'Invalid username or password'), 500);
}
}
public function logout() {
Auth::logout();
return Response::json(array('flash' => 'Logged Out!'));
}
Run Code Online (Sandbox Code Playgroud)
Laravel路线:
Route::get('auth/status', 'SessionsController@index');
Run Code Online (Sandbox Code Playgroud)
角厂:
app.factory('Auth', [ "$http", function($http){
var Auth = {};
Auth.getAuthStatus = function() { …Run Code Online (Sandbox Code Playgroud)