如何根据<select>下拉框的值设置Angular指令"ng-init“的新值？

在Angular中，可以通过使用ngModel指令和ngModelChange事件来根据<select>下拉框的值设置ng-init指令的新值。

首先，在<select>元素上使用ngModel指令绑定一个变量，该变量将保存<select>当前选中的值。例如，假设我们有一个下拉框选择不同的颜色：

<select [(ngModel)]="selectedColor" (ngModelChange)="updateNgInitValue()">
  <option value="red">红色</option>
  <option value="blue">蓝色</option>
  <option value="green">绿色</option>
</select>

在上面的代码中，我们使用ngModel指令将selectedColor变量与<select>的值进行双向绑定，并在ngModelChange事件中调用updateNgInitValue()方法。

接下来，在组件的代码中，定义selectedColor变量和updateNgInitValue()方法：

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <select [(ngModel)]="selectedColor" (ngModelChange)="updateNgInitValue()">
      <option value="red">红色</option>
      <option value="blue">蓝色</option>
      <option value="green">绿色</option>
    </select>
    <div [ng-init]="ngInitValue">当前颜色：{{ selectedColor }}</div>
  `
})
export class ExampleComponent {
  selectedColor: string;
  ngInitValue: string;

  updateNgInitValue() {
    this.ngInitValue = this.selectedColor;
  }
}

在上面的代码中，我们定义了selectedColor变量来保存<select>当前选中的值，并定义了ngInitValue变量来保存ng-init指令的新值。在updateNgInitValue()方法中，我们将selectedColor的值赋给ngInitValue，从而更新ng-init指令的新值。

最后，我们可以在模板中使用ng-init指令来初始化一个变量，例如在<div>元素中显示当前选中的颜色。

请注意，ng-init指令在Angular中并不常用，通常更推荐使用组件的属性来进行数据绑定和初始化。这里仅仅是为了回答问题而提供了一种解决方案。

腾讯云相关产品和产品介绍链接地址：