Question

所以，这是我的选择html：

    <select
    class="custom-select mb-2 col-md-4 col-12 mr-sm-2 mb-sm-0"
    ng-model="serverSelected"
    ng-change="onServerSelect(serverSelected)"
    >

    <option *ngFor="let server of servers"
            value="{{ server.display_name }}"
    >{{server.display_name}}</option>
    </select>

server.component.ts：

  onServerSelect(serverSelected){
console.log(this.serverSelected.displayName);}

如何将此选定的server.display_name显示在我的onServerSelect（）方法中，因为这不起作用。我做错了什么？

Answer 1

其实你在用什么？ Angularjs还是Angular？如果您正在使用Angularjs，那么您将混合使用角度语法* ngFor。相反，您可以使用ng-repeat或ng-options。阅读本文以获取更多信息AngularJs Select

Answer 2

这样做

为什么在角度1中混合* ngFor

语法必须是ng-repeat。

棱角1 ex。 NG-模型， NG-IF， NG-重复，等

角度2＆gt; * ngModel， * ngIf， * ngFor，等

<template>
  <date-picker v-model="date"/>
</template>
<script>
  import {DatePicker} from 'uiv'
  export default {
    components: {DatePicker},
    data () {
      return {
        date: null
      }
    }
  }
</script>
<!-- date-picker-example.vue -->

AngularJS ng-change无法正常工作

2 个答案: