एक तत्व तत्व के भीतर AngularJS काम नहीं कर रहा है

मैं एक शैली तत्व के भीतर कोणीय जेएस बाइंडिंग का उपयोग करने की कोशिश कर रहा हूं, फिर भी यह काम नहीं कर रहा है। क्या यह एक बग है और क्या ऐसा करने का एक बेहतर तरीका है?एक तत्व तत्व के भीतर AngularJS काम नहीं कर रहा है

<style ng-repeat="test in styles"> 
.test { 
    background-color: {{ test.backgroundColor }}; 
    display: {{ test.display }}; 
    width: {{ test.width }}; 
    height: {{ test.height }}; 
    } 
</style>

http://jsfiddle.net/cmsanche/PpyVn/

स्रोत

2012-06-06 cmsanche

यह क्या हासिल करना चाहिए? यदि आपके पास एक से अधिक सरणी आइटम हैं, तो आपके पास समान श्रेणी के नाम के लिए 2 परिभाषाएं होंगी –

फिडल केवल एक उदाहरण था कि कोणीय शैली तत्व को पार्स नहीं कर रहा था। प्रत्येक क्लास नाम अद्वितीय बनाने के लिए मैं आसानी से .test _ {{test.id}} जैसे कुछ जोड़ सकता हूं। मैं एक परियोजना पर काम कर रहा था जहां मुझे डीबी से निर्देशांक के आधार पर कई छवियों को स्थापित करने की आवश्यकता थी। – cmsanche

मैं कोणीय शैली तत्वों को पार्स करता है नहीं लगता। आप शायद ngStyle निर्देश उपयोग करना चाहते हैं:

http://docs.angularjs.org/api/angular.module.ng.$compileProvider.directive.ngStyle

<!doctype html> 
<html ng-app> 
<head> 
<script src="http://code.angularjs.org/angular-1.0.0rc10.min.js"></script> 
</head> 
<body> 
<div ng-init="styles=[{backgroundColor: 'red', width:'100px', height: '100px', display: 'block'}]"> 

<div ng-repeat="test in styles" ng-style="test"> 
.test { 
    background-color: {{ test.backgroundColor }}; 
    display: {{ test.display }}; 
    width: {{ test.width }}; 
    height: {{ test.height }}; 
    } 
</div> 
</html>

Plunker (jsFiddle की तरह है, लेकिन अधिक कोणीय के अनुकूल) Demo

स्रोत

2012-06-06 01:06:06 btford

प्लंकर लिंक मर चुका है :( –

@ जेनस ट्रॉल्सन मैंने लिंक –

अपडेट किया है, मैं कुछ गतिशील शैलियों को 'ए: होवर' देने के लिए स्टाइल टैग में ऐसा करने का एक तरीका ढूंढना चाहता हूं ... कोई विचार? – morgs32

यह अब कोणीय के नए संस्करण में काम करता है।

यहां http://jsfiddle.net/PpyVn/4/ 1.0 के साथ ओपीएस फीड 1.0.0-आरसी.3 के साथ बदल दिया गया है।

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular.min.js"></script>

स्रोत

2014-09-29 04:16:07 jpillora

एक तत्व तत्व के भीतर AngularJS काम नहीं कर रहा है

उत्तर

संबंधित मुद्दे