Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度变化不能正常工作_Javascript_Angularjs_Angular Ngmodel_Ngfor_Angularjs Ng Change - Fatal编程技术网

Javascript 角度变化不能正常工作

Javascript 角度变化不能正常工作,javascript,angularjs,angular-ngmodel,ngfor,angularjs-ng-change,Javascript,Angularjs,Angular Ngmodel,Ngfor,Angularjs Ng Change,这是我选择的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="{{ serve

这是我选择的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.display\u名称显示在我的onServerSelect()方法中,因为这不起作用。我做错了什么?

实际上你在用什么?Angularjs还是Angularjs?如果您使用的是Angularjs,那么就混合了angular语法*ngFor。相反,您可以使用ng repeat或ng选项。阅读此文了解更多信息

请按此方法操作

为什么在角1中混合*NGF

语法必须为ng repeat

角度1例。 ng模型, 如果,, 重复一遍, 等等

角度2> *ngModel, *ngIf, *ngFor, 等等


{{server.display_name}

您正在混合AngularJS和Angular语法。你的意思是
ng repeat
还是更好的
ng options
?是的,但当我尝试使用ng options时,它不起作用,也不显示任何数据。*ngFor是Angular 2+的一个功能。您是否尝试使用ng repeat?请阅读。@georgeawg但是,我只使用server.component.ts和server.component.html,那么在上面的示例中,我应该将此控制器放在哪里?对不起,我是一个角度的初学者,这让我很沮丧。我在组件中定义了服务器数组,但当我使用ng repeat=“server in servers”,然后试图获取server.id时,没有定义标识符“server”。
  onServerSelect(serverSelected){
console.log(this.serverSelected.displayName);}
<select class="custom-select mb-2 col-md-4 col-12 mr-sm-2 mb-sm-0">

    <option ng-repeat="let server of servers" value="{{ server.display_name }}" ng-model="serverSelected">
<span ng-change="onServerSelect(serverSelected)">
{{server.display_name}}
</span>
</option>
    </select>