javascript - Putting a "resolve" on an angular-ui-router view isn't working - the page simply doesn't render -
$ stateProvider .state ('root', {url: '', विचार: {'root.base' : {TemplateUrl: '/templates/root/root.html'}, 'root.sidebar': {templateUrl: '/templates/root/root-sidebar.html', नियंत्रक: 'SomeDataController', संकल्प: {someData: function (डेटासेवा) {// डाटासेवा डाटा उत्थान के लिए एक कोणीय सेवा है DataService.getDataList (); // एक सरणी देता है}}}}}});
अगर मैं कोणीय- ui-router
के साथ एक सबव्यूशन पर एक संकल्प को चलाने का प्रयास करता हूं, तो पृष्ठ बस रिक्त स्थान पर आ जाता है यदि मैं संकल्प छोड़ देता हूं, तो यह ठीक है - लेकिन मेरे नियंत्रक को तत्काल रूप से पहले कुछ डेटा के लिए हल करने की आवश्यकता है I क्या मेरे वाक्य रचना सही है? मैंने उच्च और निम्न उदाहरणों की खोज की है लेकिन मेरी परिस्थिति से मेल खाने वाले किसी भी व्यक्ति को ढूंढने में असमर्थ हैं।
मेरी उपरोक्त उदाहरण को देखते हुए, "रूट-साइडबार" SomeDataController ", और क्या कुछडेटाकंट्रोलर को ऊपर घोषित रूट परिभाषा में डेटा का समाधान नहीं करना चाहिए?
अपनी अवधारणा काम कर रहा है, हो सकता है कि कुछ छोटी सेटिंग्स टूट गईं ... मैंने बनाया
यहां नियंत्रक का उपभोग है someData
.controller ('SomeDataController ', फ़ंक्शन ($ दायरा, कुछडेटा) {$ scope.data = someData})
और यहां हमारी सेवा कुछ JSON लोड कर रही है और इसे वापस Async :
.factory ('डेटासेवा', ['$ http', फ़ंक्शन ($ http) {return} {getDataList: function () {return $ http .get () "Data.json")। तब (फ़ंक्शन (प्रतिक्रिया) {रिटर्न प्रतिक्रिया। डेटा;});}, }; }]);
राज्य
परिभाषा अपरिवर्तित है (बस डेटा को प्रदर्शित करने के लिए समायोजित) :
$ StateProvider .state ('root', {url: '', विचार: {'root.base': {template: '& lt; div & gt; रूट आधार दृश्य & lt; / div & gt;',}, 'root.sidebar': {template : & Lt; div & gt; रूट साइडबार दृश्य '+' & lt; h5 & gt; संकल्प डेटा & lt; / h5 & gt; '+' & lt; पूर्व & gt; {{डेटा | जेएसएन}} & lt; / pre & gt; '+' & lt; / div & gt; ', नियंत्रक:' SomeDataController ', संकल्प: {someData: function (DataService) {// DataService डेटा पुनर्प्राप्ति लौटने के लिए एक कोणीय सेवा है DataService.getDataList (); // एक सरणी देता है}}}}}});
आप यह जांच सकते हैं कि
Comments
Post a Comment