html – 如何在点击时使用AngularJs更新选项

html – 如何在点击时使用AngularJs更新选项,第1张

概述我有以下 HTML代码 <select name="Gender" class="form-control"> <option value="m">Male</option> <option value="f">Female</option></select> 我想在点击AngularJs时更改选择选项. 我已经尝试了几乎所有的东西,并且我意识到调用click事件时会出现问题,如 我有以下 HTML代码

<select name="Gender" >    <option value="m">Male</option>    <option value="f">Female</option></select>

我想在点击AngularJs时更改选择选项.
我已经尝试了几乎所有的东西,并且我意识到调用click事件时会出现问题,如果没有click事件它工作正常

HTML:

<body ng-app ng-controller="AppCtrl">    <div ng-click="setGender()">Set</div>   <select name="Gender" >        <option value="m" ng-selected="{{GenderInfo.Gender =='m'}}">Male</option>        <option value="f" ng-selected="{{GenderInfo.Gender =='f'}}">Female</option>   </select></body>

AngularJs:

function AppCtrl($scope) {    $scope.setGender = function(){        $scope.GenderInfo = {            Gender: 'f'        }    }}

的Jsfiddle:
 http://jsfiddle.net/dCFd2/231/

解决方法 在ng-selected中你不需要花括号:

<option value="m" ng-selected="GenderInfo.Gender =='m'">Male</option><option value="f" ng-selected="GenderInfo.Gender =='f'">Female</option>
总结

以上是内存溢出为你收集整理的html – 如何在点击时使用AngularJs更新选项全部内容,希望文章能够帮你解决html – 如何在点击时使用AngularJs更新选项所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1044527.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存