2015-05-01 9 views
8

साथ काम नहीं कर रहा है क्योंकि यह जब AngularJS परियोजनाओं के साथ काम करने वाली कोड पूरा होने का दावा मैं WebStorm बाहर कोशिश कर रहा हूँ। मैं संस्करण 10.0.2 का उपयोग कर रहा हूं और पहले से ही AngularJS बीज प्रोजेक्ट का उपयोग कर कोड समापन समस्या में भाग गया हूं।Webstorm 10 कोड समापन AngularJS controllerAs वाक्य रचना

मैं इस प्रकार नियंत्रक viewmodel का नाम $ routeProvider अंदर निर्दिष्ट करने के लिए controllerAs सिंटैक्स का उपयोग करने की कोशिश कर रहा हूँ।

'use strict'; 

angular.module('myApp.view1', ['ngRoute']) 

.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/view1', { 
    templateUrl: 'view1/view1.html', 
    controller: 'View1Ctrl', 
    controllerAs: 'vm' 
    }); 
}]) 

.controller('View1Ctrl', [function() { 
     var vm = this; 
     vm.hello = 'Hello World'; 
}]); 

Controller & Route Config

हालांकि, टेम्पलेट html अंदर मैं एक "अनसुलझे चर या प्रकार" चेतावनी मिलती है। (कोई तरंगित वी एम के तहत लाइन)

<p>This is the partial for view 1.</p> 
<div>{{vm.hello}}</div> 

HTML warning

लेकिन पृष्ठ लोड ठीक है जब मैं इसे चलाने

मैं सचित्र प्रमाण दिखाने चाहते हैं, लेकिन मैं पहले से अधिक प्रतिनिधि की जरूरत है: ^)

फिर से, मैं सिर्फ OOTB AngularJS परियोजना है कि एक नए WebStorm परियोजना तो मैं सब कुछ उम्मीद करेंगे बनाने के लिए आधार टेम्पलेट्स के रूप में सूचीबद्ध है का उपयोग कर रहा पहले से ही ठीक से कोणीय ठीक से काम करने के लिए कॉन्फ़िगर किया गया है। मैंने एक प्लुरसाइट वीडियो भी देखा है जहां इस प्रकार का कोड पूरा करने का काम प्रतीत होता था, हालांकि यह वेबस्टॉर्म 9 में नहीं था 10.

मैंने चेक किया और मेरे पास AngularJS प्लगइन सक्षम है। मैंने एंजुलरजेस के लिए टाइपस्क्रिप्ट स्क्रिप्ट जावास्क्रिप्ट लाइब्रेरी को डाउनलोड करने का भी प्रयास किया, लेकिन यह मदद नहीं कर रहा था। मैंने "एंगुलर जेएस एप्लीकेशन स्टब जेनरेटिंग" का उपयोग करके प्रोजेक्ट जेनरेट किया है, जो दस्तावेज़ों के अनुसार मुझे कोणीय समर्थन देना चाहिए।

किसी भी मदद की सराहना की जाएगी।

+0

आपको कोड प्रदान करना चाहिए; कोड का एक स्क्रीनशॉट नहीं; साथ ही साथ आप इसके साथ क्या करने की कोशिश कर रहे हैं।चित्र उपयोगी हैं, लेकिन यदि वे लिंक मर जाते हैं, तो कोई भी यह बताने में सक्षम नहीं होगा कि आप क्या करने की कोशिश कर रहे हैं। –

+0

क्या आपने यहां "AngularJS मैन्युअल रूप से स्थापित करना" का पालन किया है https://www.jetbrains.com/webstorm/help/using-angularjs.html? साथ ही, मुझे याद है कि आपको परियोजना फ़ोल्डर में angular.js या angular.min.js कहीं भी होना चाहिए, हालांकि मैं गलत हो सकता था। –

+0

अच्छी कॉल @ जॉर्जस्टॉकर –

उत्तर

2

मैं जेटब्रेन्स समर्थन है कि दोनों 'controllerAs वाक्य रचना' और 'रूटर समर्थन' विकसित की जा रही दोनों कर रहे हैं और भविष्य में पर सुधार किया जा करने के लिए योजना बनाई गई है से सुना।

मेरे जैसे आप इन प्रयासों तुम यहाँ उनके लिए मतदान कर सकते हैं समर्थन करना चाहते हैं:

https://youtrack.jetbrains.com/issue/WEB-11175

https://youtrack.jetbrains.com/issue/WEB-10654

4

आप इस के आसपास jsdoc टिप्पणी

/** 
* @name vm 
* @type View1Ctrl 
*/ 
+0

यह अच्छा काम करता है! दुर्भाग्यवश आप नहीं कर सकते कहीं भी सुविधाजनक 'वीएम' पर भरोसा करें ... शायद यह एक अच्छी बात है। – smajl

0

जोड़कर काम कर सकते हैं --- वर्तमान में Webstorm 2016 v.3 में ---

निर्देश के लिए अपने आवरण तत्व में, आप अनावश्यक हो सकता है और विशेषता

ng-controller="vm as vm" 

का उपयोग तो इन सभी उतार छेद darcula छेद वे हैं में वापस जाना होगा कर सकते हैं ... अपने आप को यह करने के लिए नहीं ला सकता है, व्यक्तिगत रूप से ... लेकिन यह उन्हें गायब कर देता है।

कोई अतिरिक्त सुझाव ... कुछ उपयोगी ... विद्रूप का ही अभाव।

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