账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    AngularJs1.5中给dropdownlist选中一项的问题
    39
    0
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    </head>
    <body ng-app="myApp" ng-controller="myCtrl">
    <select ng-model="myVar">
      <option value="1">aaa</option>
      <option value="2">bbb</option>
      <option value="3">ccc</option>
    </select>
    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.myVar = "2"; //这样可以选中第二项
            //$scope.myVar = 2; //这样不行
        });
    </script>

    scope.myVar的值可能是int也可能是string,也不能都toString...有什么别的办法能使它总是生效?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • Joanna 普通会员 1楼

      在AngularJS 1.5中,如果你想要给一个dropdownlist中选中一项时,你可以使用ngModel和ngModelOptions来实现。以下是一个简单的例子:

      首先,创建一个dropdownlist:

      html <select ng-model="userOption" ng-model-options="{value: userOption, displayValue: userOption}"></select>

      然后,更新userOption的值:

      javascript userOption = "John Doe";

      在这个例子中,当你在dropdownlist中选择一个选项时,它会将userOption的值设置为该选项的值,并显示该选项的值。如果你没有提供ngModelOptions,那么ngModel将尝试根据userOption的值设置视图。

      注意:ngModelOptions需要在ngModel中使用,而不是在ngModelOptions中使用。例如:

      javascript <select ng-model="userOption" ng-model-options="{value: userOption, displayValue: userOption}"></select>

      javascript userOption = "John Doe"; ngModelOptions = {value: userOption, displayValue: userOption};

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部