如何使用 angularjs 中的表达式绑定属性名称

How to bind an attribute name using expression in angularjs?

本文关键字：绑定 属性 表达式 何使用 angularjs      更新时间：2023-09-26

我想使用 angularJs 创建剑道控件，用于将输入字段中的表达式绑定为属性名称。

法典： 

<input {{controllabelName}} />

上面的代码不起作用。 如果我将使用 ng-binb，那么它将值绑定到该输入，而不是作为属性名称。

请任何人帮助我实现这一目标。

HTML

<!DOCTYPE html>
<html ng-app='exampleApp'>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.js"></script>
<script src="script.js"></script>
</head>
<body>
<input type="text" customdirective/>
</body>
</html>

脚本.js

angular.module('exampleApp', [])
.directive('customdirective', function() {
  return {
   restrict: 'A',
   link: function(scope, ele, attr) {
    ele.attr('test', 'test');
  }
 }
})

普伦克链接

如果您希望

绑定值，请使用ng-model，否则只需绑定任何属性名称：

<input ng-model="controllabelName" />
相关文章：