问:为什么我的下拉没有显示选择的价值?
这是我的 javascript代码
这是我的 javascript代码
<div ng-app="myApp"> <div ng-controller="MyCtrl"> <select ng-model="myModel.Active" convert-to-number> <option value="-1">Select</option> <option value="1">Yes</option> <option value="2">No</option> <option value="3">Maybe</option> </select> <span>{{myModel.Active}}</span> </div> </div>
javascript
var myApp = angular.module("myApp",[]); myApp.controller("MyCtrl",function($scope){ $scope.myModel = {}; $scope.myModel.Active=2; // });
js-fiddle链接 – https://jsfiddle.net/shatherali/4mxwzL5y/19/
编辑:请注意我不想使用字符串值.活动必须是数字值.
这解决了您的问题:
var myApp = angular.module('myApp',[]); myApp.controller('MyCtrl',function ($scope) { $scope.myModel = {}; $scope.myModel.Active = '2'; // it's a string });
convert-to-number指令工作正常.
var myApp = angular.module('myApp',[]); myApp.directive('convertToNumber',function () { return { require: 'ngModel',link: function(scope,element,attrs,ngModel) { ngModel.$parsers.push(function(val) { return parseInt(val,10); }); ngModel.$formatters.push(function(val) { return '' + val; }); } }; });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。