Javascript 角度变化不能正常工作
这是我选择的html: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
<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>