Jquery Angular2获得<；ul>&书信电报；李>；价值观

您好，我有一个双标记列表，我想获取右侧的

标记的值。我需要数组中的值或字符串形式的值

我尝试了使用

[（ngModel）]

对每个

标记执行操作，但出现了一个错误

没有价值附件存在

我怎样才能解决这个问题

HTML

<div class="col-md-12"  style="margin-top:40px; padding-left:0!important;" >
       <div class="dual-list list-left col-md-5">
          <div class="well listDual">
             <h4 class="text-center"><b>Tagliste</b></h4>
             <hr/>
             <ul class="list-group ul" >
                <li class="list-group-item" *ngFor="let x of dataTagListSorted;"> </li>
             </ul>
          </div>
       </div>
       <div class="list-arrows col-md-1 text-center">
          <button class="btn btn-default btn-sm move-left">
          <span class="glyphicon glyphicon-chevron-left"></span>
          </button>
          <button class="btn btn-default btn-sm move-right" >
          <span class="glyphicon glyphicon-chevron-right" ></span>
          </button>
       </div>
       <div class="dual-list list-right col-md-5">
          <div class="well listDual">
             <h4 class="text-center"><b>Tags</b></h4>
             <hr/>
             <ul class="list-group ul">
       //This is my taglist on the right side
             </ul>
          </div>
       </div>
    </div>

---

不要使用Jquery。在

li

中使用

*ngFor

*ngFor

将从组件中的数组绑定。如果需要通过事件单击获取值，请使用

（单击）=“myFct（项）”

HTML

 <ul class="list-group ul">
           <li class="list-item-group" *ngFor="let item of myArray" (click)="myFct(item)>{{item}}</li>
    </ul>

不要使用Jquery。在
li
中使用
*ngFor
*ngFor
将从组件中的数组绑定。如果需要通过事件单击获取值，请使用
（单击）=“myFct（项）”

HTML

 <ul class="list-group ul">
           <li class="list-item-group" *ngFor="let item of myArray" (click)="myFct(item)>{{item}}</li>
    </ul>


这是密码

 <ul class="list-group ul">
    <li class="list-group-item" *ngFor="let x of dataTagListSorted;let i = index;">
        <input [(ngModel)]="dataTagListSorted[i]" type="text" />
    </li>
 </ul>

在组件TS文件中：

getValue(x, index): void {
    console.log(x);
    console.log(this.dataTagListSorted[index]);
}

两个日志都将为您提供值

编辑2如果要将列表中的一项切换到另一项，请执行类似操作

对于您的列表：

 <ul class="list-group ul">
    <li class="list-group-item" *ngFor="let x of leftList;let i = index;">
        <button (click)="sendToRight(x, i)">{{x}}</button>
    </li>
 </ul>

 <ul class="list-group ul">
    <li class="list-group-item" *ngFor="let x of rightList;let i = index;">
        <button (click)="sendToLeft(x, i)">{{x}}</button>
    </li>
 </ul>

这是密码

 <ul class="list-group ul">
    <li class="list-group-item" *ngFor="let x of dataTagListSorted;let i = index;">
        <input [(ngModel)]="dataTagListSorted[i]" type="text" />
    </li>
 </ul>

在组件TS文件中：

getValue(x, index): void {
    console.log(x);
    console.log(this.dataTagListSorted[index]);
}

两个日志都将为您提供值

编辑2如果要将列表中的一项切换到另一项，请执行类似操作

对于您的列表：

 <ul class="list-group ul">
    <li class="list-group-item" *ngFor="let x of leftList;let i = index;">
        <button (click)="sendToRight(x, i)">{{x}}</button>
    </li>
 </ul>

 <ul class="list-group ul">
    <li class="list-group-item" *ngFor="let x of rightList;let i = index;">
        <button (click)="sendToLeft(x, i)">{{x}}</button>
    </li>
 </ul>

好的，我如何在我的组件中使用[（ngModel）]=“dataTagListSorted[I]”获取值？如果您在组件中使用这行代码，您只需使用
this.dataTagListSorted[index]
，其中
index
是正确的索引。查看我帖子上的编辑，了解如何获得它。好的，我看到了，但只需要右标记列表中的值
//这是我右侧的标记列表，您可以自己看到，您没有在第二个列表中添加任何ngFor。因此，除非你在其中放入ngFor，或者至少给我包含第二个列表的数组的名称，否则我无法帮助你。即使我得到了值，也无法推送未定义的值。getLIValues（）{$（'.list right ul li'）.each（function（i，elem）{let data=$（elem.text（）；console.log（data）this.leftTaglist.push（“，”，data.toString（）））；}好的，我如何在我的组件中获得[（ngModel）]=“dataTagListSorted[i]”的值？如果您在组件中使用这行代码，您只需使用
this.datataglistsordered[index]
，其中
index
是正确的索引。查看我帖子上的编辑，了解如何获得它。好的，我看到了，但只需要右标记列表中的值
//这是我右侧的标记列表，您可以自己看到，您没有在第二个列表中添加任何ngFor。因此，除非你在其中放入ngFor，或者至少给我包含第二个列表的数组的名称，否则我无法帮助你。即使我得到了值，也无法推送未定义的值。getLIValues（）{$（'.list right ul li'）.each（函数（i，elem）{let data=$（elem.text（）；console.log（data）this.leftTaglist.push（“，”，data.toString（）））；}