attributeIf is an AngularJS directive which adds an HTML attribute if a given condition is satisfied. Should be used for boolean attributes which are not already supported by Angular's native BOOLEAN_ATTR directive: https://github.com/angular/angular.js/blob/8b395ff3/src/ng/directive/booleanAttrs.js#L331

angular-attribute-if-directive.js

angular
	.module('directives.attributeIf', [])
	.directive('attributeIf', [
		/**
		 * @ngdoc directive
		 * @name  directives.attributeIf:attributeIf
		 * @description
		 * Adds an HTML attribute if a given condition is satisfied. Should be used for boolean
		 * attributes which are not already supported by Angular's native BOOLEAN_ATTR directive:
		 * https://github.com/angular/angular.js/blob/8b395ff3/src/ng/directive/booleanAttrs.js#L331
		 * @restrict A
		 * @element ANY
		 * @example
		    <doc:example>
		        <doc:source>
		            Attribute 'autofocus' is added to input if a certain condition is met <br/>
		            <input data-attribute-if="['readonly', true]" value="I have autofocus if ..."/>
		        </doc:source>
		    </doc:example>
		 *
		 * @returns {Object}
		 */
		function () {
			'use strict';
			return {
				link: function (scope, element, attributes) {
					attributes.$observe('attributeIf', function(value){
						var options = scope.$eval(value);
						var attributeName = options[0];
						var hasAttribute = options[1];
						if(hasAttribute) {
							element[0].setAttribute(attributeName, attributeName);
						} else {
							element[0].removeAttribute(attributeName);
						}
					});
				}
			};
		}
	]);