Question

我想将const ReusableCarousel = (props) => { return ( <Carousel className="mt-4 border"> {props.items.map((item, index) => { return ( <Carousel.Item key={index}> <Row> {React.cloneElement(props.children, { item })} </Row> </Carousel.Item> ); })} </Carousel> ); }从html文件存储到supName.compName以外的打字稿文件中的variable

supName.$key

Answer 1

由于您在Mat-form字段中有一个package com.example.rsquare_android_fixed.mywork.building import android.app.Activity import android.content.Context import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import android.widget.BaseAdapter import androidx.appcompat.widget.AppCompatTextView import androidx.fragment.app.FragmentActivity import com.example.rsquare_android_fixed.R import com.example.test.mainF.Address_data class MW_Adapter_list(val context: FragmentActivity, val list : ArrayList<Address_data>):BaseAdapter(){ override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View { val view:View= LayoutInflater.from(context).inflate(R.layout.db_list,parent,false) val val_addr = view.findViewById(R.id.db_addr) as AppCompatTextView val val_street = view.findViewById(R.id.db_street) as AppCompatTextView val val_update = view.findViewById(R.id.db_update) as AppCompatTextView val_addr.text=list[position].address.toString()+list[position].bunji.toString() val_street.text=list[position].streeetAddress.toString() val_update.text=list[position].updateAt.toString() return view } override fun getItem(position: Int): Any { return list[position] } override fun getItemId(position: Int): Long { return position.toLong() } override fun getCount(): Int { return list.size } }，因此可以安全地假设您正在使用反应式表单。

所以您已经创建了一个表单，大概是这样的：

formControlName

现在在此行的form = new FormGroup({ supName: new FormControl(), ... });属性上设置任何值：

value

将在<mat-option value="{{supName.$key}}">{{supName.compName}}</mat-option>的{{1}}上设置为form属性。

到目前为止，您正在将value设置为supName。如果您想设置supName.$key，也可以这样做。

value

这是您推荐的Sample StackBlitz。

看看supName.compName方法及其记录的内容。

Answer 2

由于您要为此form control保存多个属性，因此可以保存完整的object，如下所示：

<mat-form-field>
  <mat-select formControlName="supName" placeholder="Company">
    <mat-option>None</mat-option>
      <ng-container *ngFor="let supName of array">
        <mat-option [value]="supName" <!-- HERE ->>{{ supName.compName }}</mat-option>
      </ng-container>
  </mat-select>
</mat-form-field>

DEMO

如何存储显示值mat-select

2 个答案: