Question

我有2个下拉列表值和输入字段，我需要在其中输入一个名称，其中包含这2个下拉列表值。

这是html

class InternalApp extends Activity{
    MyService mService;

    void someFunc(){
        Intent i = new Intent(new ComponentName("com.my.pkg", "com.my.pkg.MyService");
        i.setAction("LocalBindingRequest");
        bindService(i, myServiceConnection, Context.BIND_AUTO_CREATE);
    }

    public void onServiceConnected(ComponentName cn, IBinder service){
        InternalBinder ib = (LocalBinder)service;
        mService = ib.getService();

    }
}


class MyService extends Service{
    public IBinder onBind(Intent intent){
        if ("LocalBindingRequest".equals(intent.getAction()){
            return getLocalBinder();
        else {
           return getAidlBinder();
        }
    }
}

当我选择字段时，我需要从<div class="form-group"> <label>{{l("RoomType")}}</label> <p-dropdown [disabled]="!roomTypes.length" [options]="roomTypes" autoWidth="false" [style]="{'width':'100%'}" name="roomTypes" [autoWidth]="true" [(ngModel)]="room.roomTypeId"></p-dropdown> </div> <div class="form-group"> <label>{{l("RoomNumber")}}</label> <p-dropdown [disabled]="!roomNumber.length" [options]="roomNumber" autoWidth="false" [style]="{'width':'100%'}" name="roomTypes" [autoWidth]="true" [(ngModel)]="room.roomNumber"></p-dropdown> </div> <div class="form-group"> <label>{{l("RoomName")}}</label> <input #roomNameInput="ngModel" class="form-control" type="text" name="roomName" [(ngModel)]="room.roomName" maxlength="32"> </div>和RoomType获取值并将它们推到RoomNumber，因此RoomName的值将由这些值生成两个值。

我该怎么做？

Answer 1

在Typescript中连接RoomType和RoomNumber，将新获得的（已连接的）值存储在另一个变量数组中，并通过插值将input的值设置为变量数组的值。

Answer 2

您可以调用ngModelChange来连接值。请遵循以下代码。

您的HTML

<div class="form-group">
  <label>{{l("RoomType")}}</label>
  <p-dropdown [disabled]="!roomTypes.length" [options]="roomTypes" autoWidth="false" [style]="{'width':'100%'}"
    name="roomTypes" [autoWidth]="true" [(ngModel)]="room.roomTypeId" (ngModelChange)="setRoomName(room.roomTypeId,room.roomNumber)"></p-dropdown>
</div>
<div class="form-group">
  <label>{{l("RoomNumber")}}</label>
  <p-dropdown [disabled]="!roomNumber.length" [options]="roomNumber" autoWidth="false" [style]="{'width':'100%'}"
    name="roomTypes" [autoWidth]="true" [(ngModel)]="room.roomNumber" (ngModelChange)="setRoomName(room.roomTypeId,room.roomNumber)"></p-dropdown>
</div>
<div class="form-group">
  <label>{{l("RoomName")}}</label>
  <input #roomNameInput="ngModel" class="form-control" type="text" name="roomName" [(ngModel)]="room.roomName"
    maxlength="32">
</div>

ts文件

setRoomName(id,number){
 this.roomName=id + ' ' + number;
}

在ID和数字之间添加空格！

通过2个下拉值进行命名（角度）

2 个答案: