gpt4 book ai didi

javascript - 如何创建为 ng-options 提供值的指令?

转载 作者:行者123 更新时间:2023-11-30 10:15:29 26 4
gpt4 key购买 nike

我选择了在整个应用程序中具有相同选项的元素,但看起来可能有点不同,例如选择用户的生日(日、月、年)。

有没有办法创建一个指令,为 ng-options 提供值/表达式? ?

例如<select my-options-months></select> , 其中my-options-months将自动创建值为 1..12 的选项使用 ng-options指令。

最佳答案

更新的答案你的指令是这样的:

var myapp = angular.module('myapp', []);
myapp.controller('FirstCtrl', function ($scope) {
$scope.selectedMonth = 3
})
.directive('myOptionsMonths', function ($compile) {

return {
priority: 1001, // compiles first
terminal: true, // prevent lower priority directives to compile after it
compile: function (element, attrs) {
element.attr("ng-options", "m for m in months");
element.removeAttr('my-options-months'); // necessary to avoid infinite compile loop
var fn = $compile(element);
return function (scope) {
scope.months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
fn(scope);
};
}
}
})

拜托,结帐 fiddle 示例http://jsfiddle.net/KN9xx/39/

关于javascript - 如何创建为 ng-options 提供值的指令?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24058188/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com