gpt4 book ai didi

javascript - 如何在自定义指令中将字段设置为 $dirty?

转载 作者:行者123 更新时间:2023-11-28 07:34:06 26 4
gpt4 key购买 nike

我有一个下拉/选择指令,用于替换表单中的选择框。只要表单是原始的,我就设置禁用几个按钮。

app.directive('dropdown', function ($timeout) {
return {
restrict: 'E',
template: '<div class="btn-group" dropdown>' +
'<button id="dropdownDirective" class="btn dropdown-toggle" dropdown-toggle>' +
'{{ items[ngModel].name }}' +
'<span class="caret"></span>' +
'</button>' +
'<ul class="dropdown-menu" role ="menu" aria-label="dLabel">' +
'<li ng-repeat="item in items">'+
'<a href="#" ng-bind="item.name" ng-click = "select(item)" >< / a >' +
'</li>'+
'</ul>'+
'</div>',
scope: {
ngModel: '=', // selected option
items: '=', // options
},
link: function (scope, element, attrs) {
scope.select = function (item) {
scope.ngModel = item.id;
};
}
};
});

在 HTML 中:

<dropdown id="modalSelect"
ng-model="ahs.modal.modalId"
items="es.modal.data">
</dropdown>

根据我的指令,$pristine 不会被触发。有人能指出我做错了什么吗?

最佳答案

您需要在指令中实现整个表单相关的行为。大致如下:

https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

  app.directive('dropdown', function ($timeout) {
return {
require: "ngModel",
restrict: 'E',
template: [...]
scope: {
items: '=', // options
},
link: function (scope, element, attrs, ngModelController) {
ngModelController.$setViewValue(...);
ngModelController.$setPristine(...);
etc.
}
};
});

关于javascript - 如何在自定义指令中将字段设置为 $dirty?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28793025/

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