如何使用angularjs中的表達式綁定屬性名稱？

我想使用angularJs創建kendo控件，以將輸入字段中的表達式綁定爲屬性名稱。如何使用angularjs中的表達式綁定屬性名稱？

代碼：

<input {{controllabelName}} />

上面的代碼不工作。如果我將使用ng-bind，那麼它對該輸入的綁定值不是作爲屬性名稱。

請任何人幫助我實現這一目標。

來源

2016-03-16 bagya

如果你想添加屬性到元素，那麼你可以使用angular指令。在指令中，您可以將屬性添加到元素。 –

你能提供任何這個使用指令的例子 – bagya

我已添加的例子作爲答案，我也包括plunker鏈接 –

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>

的script.js

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

Plunker link

來源

2016-03-16 13:08:21

感謝您的回答，但這是不行的，我想實現的。其實我想用angular來創建kendo控件。例如，我想創建Kendo自動完成文本框。這將是<輸入劍道自動完成/>，這裏的劍道自動完成我會得到動態。我希望我解釋得很好。 – bagya

獲取動態值並將值傳遞給範圍。您可以使用在鏈接函數中傳遞的scope參數來訪問指令中的範圍值。 –

如果您從Web服務或某些外部系統獲得動態值，並且響應時間有所延遲，那麼您可能需要觀察指令中的範圍值。所以如果範圍值更改指令將更新。 –

使用NG的模型，如果你想被綁定，否則只是任何屬性名稱值：

<input ng-model="controllabelName" />

來源

2016-03-16 09:37:10

ng-model也會將值綁定到字段而不是屬性。例如controllabelName是「客戶」，我希望輸入字段是<輸入客戶/>。我想在這裏我解釋得很對。如果您需要更多詳細信息，請告訴我。 – bagya

如何使用angularjs中的表達式綁定屬性名稱？

回答

相關問題