1)html代码
<select ng-model="ColumnModel.Category"
ng-options="s.Code as s.Name for s in CategoryList"
ng-change="categoryChange()" to-string>
</select>
2)angularjs代码
app.directive("toString", function () {
return {
restrict: "A",
require: "ngModel",
link: function (scope, elem, attr, ngModelCtr) {
ngModelCtr.$formatters.push(function (viewValue) {
if (typeof viewValue == "undefined") {
return '';
} else {
return viewValue.toString()
}
})
}
}
});
3)多参数
<html ng-app="my_app">
<head>
<meta name="viewport" content="width=device-width" />
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module("my_app", []);
app.controller('my_controller', function($scope) {
$scope.nums = [{
id: 1,
num: 50,
max: 100
}, {
id: 1,
num: 100,
max: 100
}, {
id: 1,
num: 200,
max: 100
}];
});
app.directive("limitNum", function() {
return {
restrict: "A",
require: "ngModel",
scope: {
max: '='
},
link: function(scope, elem, attr, ngModelCtr) {
ngModelCtr.$formatters.push(function(input) {
if(input > scope.max) {
return scope.max;
} else {
return input;
}
})
}
}
});
</script>
</head>
<body ng-controller="my_controller">
<div>
<ul>
<li ng-repeat="item in nums">
<input type="number" ng-model="item.num" limit-num max="item.max" />
</li>
</ul>
</div>
</body>
</html>