Javascript 带空格的AngularJS自定义指令参数
我有一个自定义指令,用于标准化日期输入,并将其格式化以符合我(有些奇怪)的API要求。用于调用它的标记如下所示:Javascript 带空格的AngularJS自定义指令参数,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我有一个自定义指令,用于标准化日期输入,并将其格式化以符合我(有些奇怪)的API要求。用于调用它的标记如下所示: <date-input date-id="birthDate" date-label="Date Of Birth" ng-model="client.dateOfBirth"></date-input> 当我删除空格时(即date label=“DateOfBirth”效果很好。) 如何在指令属性中允许空格? 该指令: directives.directi
<date-input date-id="birthDate" date-label="Date Of Birth" ng-model="client.dateOfBirth"></date-input>
当我删除空格时(即date label=“DateOfBirth”
效果很好。)
如何在指令属性中允许空格?
该指令:
directives.directive('dateInput', [function() {
var link = function(scope, element, attrs, model) {
scope.dateLabel = attrs.dateLabel;
scope.dateId = attrs.dateId;
var dateObjectPre = moment(scope.dateObject);
scope.dateObjectPre = dateObjectPre.format('MMDDYYYY');
scope.update = function() {
var dateObject;
if(angular.isDefined(scope.dateObjectPre)) {
dateObject = moment(scope.dateObjectPre, 'MMDDYYYY');
}
if (dateObject && dateObject.isValid()) {
scope.dateObject = dateObject.format('YYYY-MM-DD');
}
else {
scope.dateObject = '';
}
};
};
return {
restrict: 'E',
link: link,
templateUrl: '/views/directives/dateInput.html',
replace: true,
scope: {
'dateLabel': '=dateLabel',
'dateObject': '=ngModel',
'dateShow': '=dateShow',
'dateRequired': '=dateRequired',
'dateId': '=dateId'
}
}
}]);
在将属性值传递到指令时,不应该使用@吗
scope: {
'dateLabel': '@dateLabel'
}
scope: {
'dateLabel': '@dateLabel'
}