如何将滑块重复输入 [英] How can I put slider in ng repeat
问题描述
我正在使用角度js，我从控制器获取数据，现在我想要项目的滑块，我想要每张幻灯片3张图片，假设我在第一张幻灯片中有4个项目需要在下次点击时显示3个项目需要显示一个项目，这是我的代码，有没有像这样的扫管笏。
我尝试过：
//这是我的HTML代码
& lt; div class =panel panel-default& gt ;
& lt; div class =panel-heading& gt;
& lt; a class =accordion-toggledata-toggle =崩溃data-parent =＃accordiondata-target =＃collapseEight& gt;
& lt; h4 class =panel-title& gt; & lt; span class =glyphicon glyphicon-plus pull-right& gt;& lt; / span& gt; Clone& lt; / h4& gt;
& lt; / a& gt;
& lt; / div& gt;
& lt; div id =collapseEightclass =panel-collapse collapse& gt;
& lt; div class =panel-body p0& gt;
& lt; div class =slider-wrap& gt ;
& lt; div class =slider& gt;
& lt; ul style =display：inline-block;& gt;
& lt; li ng-repeat =在SecondaryList中的& gt;
& lt; span class =black& gt;& lt; img src =Content / images / empty-icon.png/& gt;& lt; / span& gt;& lt; br& gt;
& lt; a style =cursor：pointerng-click =Openviewpage（s）& gt; {{s.NAME}}& lt; / a& gt;
& lt; / li& gt;
& lt; / ul& gt;
& lt; / div& gt;
& lt; a class =slider-arrow sa-left& gt;& amp; lt;& lt; / a& gt; & lt; a class =slider-arrow sa-right& gt;& amp; gt;& lt; / a& gt;
& lt; / div& gt ;
& lt; / div& gt;
& lt; / div& gt;
& lt; / div& gt;
//这是我的js代码
函数Load（）{
var ID = $ location.search（）。PID
apiService.get（'api / Partner / getpartnerdatabasedonid /'+ ID，null，CheckAssignLoAD，OpeningDetailsFailed）;
}
函数CheckAssignLoAD（响应）{
$ scope.SecondaryList = response.data.SecondaryList;
}
函数OpeningDetailsFailed（响应）
{}
//这是我的控制器代码
[HttpGet]
[路线（getpartnerdatabasedonid / {ID：int}）]
public IHttpActionResult getpartnerdatabasedonid（Htt pRequestMessage请求，int ID）
{
var SecondaryList =（来自contextObj.tbl_activity_master中的p
其中p.partner_id == ID& &安培; p.is_active == true
选择新的
{
ID = p.partner_secondary_id，
NAME = contextObj .tbl_partner_master.FirstOrDefault（x => x.ID == p.partner_secondary_id）.partner_firstname，
}）。ToList（）;
返回Ok（new {SecondaryList = SecondaryList}）;
}
I am using angular js ,i am getting data from controller ,now i want slider for items , i want 3 images per slide ,suppose if i have four items in first slide need to show 3 items in next click need to show one item ,here is my code ,Is there any wat to do like this.
What I have tried:
//Here is my HTML code
<div class="panel panel-default">
<div class="panel-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="#collapseEight">
<h4 class="panel-title"> <span class="glyphicon glyphicon-plus pull-right"></span>Clone</h4>
</a>
</div>
<div id="collapseEight" class="panel-collapse collapse">
<div class="panel-body p0">
<div class="slider-wrap">
<div class="slider">
<ul style="display:inline-block;">
<li ng-repeat="s in SecondaryList ">
<span class="black"><img src="Content/images/empty-icon.png" /></span><br>
<a style="cursor:pointer" ng-click="Openviewpage(s)">{{s.NAME}}</a>
</li>
</ul>
</div>
<a class="slider-arrow sa-left">&lt;</a> <a class="slider-arrow sa-right">&gt;</a>
</div>
</div>
</div>
</div>
//Here is my js code
function Load() {
var ID= $location.search().PID
apiService.get('api/Partner/getpartnerdatabasedonid/' + ID, null,CheckAssignLoAD, OpeningDetailsFailed);
}
function CheckAssignLoAD(response) {
$scope.SecondaryList = response.data.SecondaryList;
}
function OpeningDetailsFailed(response)
{ }
//Here is my controller code
[HttpGet]
[Route("getpartnerdatabasedonid/{ID:int}")]
public IHttpActionResult getpartnerdatabasedonid(HttpRequestMessage request,int ID)
{
var SecondaryList = (from p in contextObj.tbl_activity_master
where p.partner_id==ID && p.is_active==true
select new
{
ID = p.partner_secondary_id,
NAME = contextObj.tbl_partner_master.FirstOrDefault(x => x.ID == p.partner_secondary_id).partner_firstname,
}).ToList();
return Ok(new { SecondaryList= SecondaryList });
}
推荐答案
location.search（）。PID
apiService.get（ 'api / Partner / getpartnerdatabasedonid /'+ ID，null，CheckAssignLoAD，OpeningDetailsFailed）;
}
函数CheckAssignLoAD（响应）{
location.search().PID
apiService.get('api/Partner/getpartnerdatabasedonid/' + ID, null,CheckAssignLoAD, OpeningDetailsFailed);
}
function CheckAssignLoAD(response) {
scope.SecondaryList = response.data.SecondaryList;
}
函数OpeningDetailsFailed（响应）
{}
//这是我的控制器代码
[HttpGet]
[Route（getpartnerdatabasedonid / {ID：int}）]
public IHttpActionResult getpartnerdatabasedonid（HttpRequestMessage request，int ID）
{
var SecondaryList =（from context in contextObj.tbl_activity_master
其中p.partner_id == ID&& p.is_active == true
选择新的
{
ID = p.partner_secondary_id，
NAME = contextObj .tbl_partner_master.FirstOrDefault（x => x.ID == p.partner_secondary_id）.partner_firstname，
}）。ToList（）;
返回Ok（new {SecondaryList = SecondaryList}）;
}
scope.SecondaryList = response.data.SecondaryList;
}
function OpeningDetailsFailed(response)
{ }
//Here is my controller code
[HttpGet]
[Route("getpartnerdatabasedonid/{ID:int}")]
public IHttpActionResult getpartnerdatabasedonid(HttpRequestMessage request,int ID)
{
var SecondaryList = (from p in contextObj.tbl_activity_master
where p.partner_id==ID && p.is_active==true
select new
{
ID = p.partner_secondary_id,
NAME = contextObj.tbl_partner_master.FirstOrDefault(x => x.ID == p.partner_secondary_id).partner_firstname,
}).ToList();
return Ok(new { SecondaryList= SecondaryList });
}
这篇关于如何将滑块重复输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
