पृष्ठ के भीतर लोड कोणीय जेएस टेम्पलेट, गतिशील रूप से

Question

मेरे पास एक पृष्ठ है जिसमें 2 नियंत्रक हैं: एक जो तथाकथित 'ऐप्स' की एक सूची प्रबंधित करता है, और दूसरा जो नया कोणीय टेम्पलेट अपने div तत्व के आंतरिक HTML में रखना है।

<div ng-controller="appList"></div> 
<div ng-controller="appPane"> Dynamic content should be loaded here! </div> 

मैं मानक {{अभिव्यक्ति}} बाइंडिंग का उपयोग कर की कोशिश की है, लेकिन वे एचटीएमएल साथ काम नहीं करते, मैं भी एनजी-बाँध एचटीएम्एल असुरक्षित निर्देश की कोशिश की है (एप्लिकेशन की है कि innerHTML बाइंडिंग अनुरोध की वापसी) लेकिन नियंत्रकों को इस नए कोड में निष्पादित नहीं किया गया है।

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

Answer 1

uiRouter मॉड्यूल (AngularUI परियोजना से) पर एक नजर डालें। यह राज्यों की अवधारणा को जोड़ता है, जो मार्गों के समान ही हैं, लेकिन अन्य उपहारों के साथ, जैसे कि उन्हें घोंसला करने की क्षमता। उदाहरण के लिए:

$stateProvider 
    .state('myState', { 
     url: '/mystate', 
     templateUrl: '...', 
     controller: 'MyCtrl' 
    }) 
    .state('myState.substate', { 
     url: '/{substate}', 
     templateUrl: '...', 
     controller: 'MySubCtrl' 
    }); 

MySubCtrl जब भी आप /mystate/something के पास जाकर आप उपयोग कर सकते हैं कि एक पैरामीटर के रूप "कुछ" ($stateParams देखें) सक्रिय हो जाएगा। आप किसी भी स्तर पर राज्यों को घोंसला कर सकते हैं।

Answer 2

ऐसा प्रतीत होता है कि $ संकलन सेवा, जब आप उन तत्वों को खिलाते हैं जिन्हें आप अपने वर्तमान दायरे के साथ पुनः संयोजित करना चाहते हैं, तो मैं जो चाहता हूं वह करता है। मेरे स्रोत से

उदाहरण:

var appPane = $('#AppPane');//JQuery request for the app pane element. 
appPane.html(data);//The dynamically loaded data 
$compile(appPane.contents())($scope);//Tells Angular to recompile the contents of the app pane. 

यह किसी मेरी समस्या का सामना कर मदद करनी चाहिए, मुझे आशा है कि।

Answer 3

$routes और एनजेव्यूज में कोणीय में देखें।

यहाँ एक बहुत ही बुनियादी उदाहरण है:

http://jsfiddle.net/pXpja/3/