उपरोक्त के अलावा, टिप्पणी शॉर्टकट जैसे ctrl + / / cmd + / // ... <!-- ... -->

मुद्दा वास्तव में कष्टप्रद है और बिल्कुल बेकार होने के लिए सहायक होने के बजाय विस्तार करता है।

मेरा अनुमान है: यह किसी तरह कस्टम संरचनात्मक निर्देशों से संबंधित है जैसे कि कोणीय सामग्री वाले और / या (event) हैंडलर।

यहाँ संस्करण हैं

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 8.3.23
Node: 13.6.0
OS: darwin x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.803.23
@angular-devkit/build-angular      0.803.23
@angular-devkit/build-optimizer    0.803.23
@angular-devkit/build-webpack      0.803.23
@angular-devkit/core               8.3.23
@angular-devkit/schematics         8.3.23
@angular/cdk                       8.2.3
@angular/cli                       8.3.23
@angular/flex-layout               8.0.0-beta.27
@angular/material                  8.2.3
@angular/material-moment-adapter   8.2.3
@ngtools/webpack                   8.3.23
@schematics/angular                8.3.23
@schematics/update                 0.803.23
rxjs                               6.5.4
typescript                         3.4.5
webpack                            4.39.2

उपरोक्त के अलावा, टिप्पणी शॉर्टकट जैसे ctrl + / / cmd + / // ... <!-- ... -->

मुद्दा वास्तव में कष्टप्रद है और बिल्कुल बेकार होने के लिए सहायक होने के बजाय विस्तार करता है।

मेरा अनुमान है: यह किसी तरह कस्टम संरचनात्मक निर्देशों से संबंधित है जैसे कि कोणीय सामग्री वाले और / या (event) हैंडलर।

यहाँ संस्करण हैं

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 8.3.23
Node: 13.6.0
OS: darwin x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.803.23
@angular-devkit/build-angular      0.803.23
@angular-devkit/build-optimizer    0.803.23
@angular-devkit/build-webpack      0.803.23
@angular-devkit/core               8.3.23
@angular-devkit/schematics         8.3.23
@angular/cdk                       8.2.3
@angular/cli                       8.3.23
@angular/flex-layout               8.0.0-beta.27
@angular/material                  8.2.3
@angular/material-moment-adapter   8.2.3
@ngtools/webpack                   8.3.23
@schematics/angular                8.3.23
@schematics/update                 0.803.23
rxjs                               6.5.4
typescript                         3.4.5
webpack                            4.39.2

मैं यहाँ v0.900.6 का उपयोग कर रहा हूँ और यह मेरे साथ नहीं होता है। क्या आपने किसी भी परस्पर विरोधी एक्सटेंशन को हटाने के लिए अन्य एक्सटेंशन को अक्षम करने का प्रयास किया?

@ghaschel आप सही हैं, यह हर फाइल में नहीं है।

मैं इस लाइन को परेशान करने में सक्षम था, जिससे मुझे परेशानी हुई

<td mat-cell *matCellDef="let param">{{ param.costCode?.name }}</td>

अधिक विशिष्ट

<td *matCellDef="let param"></td>

शायद * या let । हटाने से या तो रंग गड़बड़ हो जाता है

; बाद let param ; जोड़ने का प्रयास करें

; जोड़ना समस्या को हल करने के लिए लगता है।

क्या इस मौके को नॉन ब्रेकिंग बनाने का मौका है?
कोणीय ; नहीं कर रहा है और प्रेटियर इसे हटा रहा है

यह कोणीय अभिव्यक्ति मिलान पैटर्न से संबंधित है। चल रही चर्चा यहाँ है: https://github.com/angular/vscode-ng-language-service/issues/571

एक जोड़ने की कोशिश करो; परम के बाद

खैर, IDE प्लगइन को बदलने की घोषणा नहीं करने के लिए एक काम कर रहे प्रोजेक्ट को ठीक करना ताकि IDE को HTML टेम्पलेट को उजागर करना ठीक तरह से समाधान की तरह न लगे ...

हालाँकि यह अच्छा है कि मुद्दा स्थानीय है।

क्या यह तय होगा?

हाँ।

टेम्पलेट के साथ

<ng-container matColumnDef="cost-code">
    <th mat-header-cell *matHeaderCellDef>
        {{ 'GENERAL.COST_CODE'  | async }}
    </th>
    <td mat-cell *matCellDef="let param">{{ param.costCode?.name }}</td>
</ng-container>

मैं *matCellDef बंधन में JS सिंटैक्स के साथ त्रुटि देख रहा हूं, लेकिन *matHeaderCellDef । @ BO41 मुझे याद आ रही है?

टेम्पलेट के साथ

<ng-container matColumnDef="cost-code">
    <th mat-header-cell *matHeaderCellDef>
        {{ 'GENERAL.COST_CODE'  | async }}
    </th>
    <td mat-cell *matCellDef="let param">{{ param.costCode?.name }}</td>
</ng-container>

मैं *matCellDef बंधन में JS सिंटैक्स के साथ त्रुटि देख रहा हूं, लेकिन *matHeaderCellDef । @ BO41 मुझे याद आ रही है?

मेरा अनुमान है कि वाक्य रचना का ब्रेकिंग टुकड़ा वास्तव में फ़ाइल में है, स्क्रीनशॉट में नहीं। ओप स्क्रीनशॉट में HTML टैग के लिए शुरुआती ng-container गलत रंग है, लेकिन लाल संरचनात्मक निर्देश और SNAFU की तुलना में कम ध्यान देने योग्य है।

मेरा अनुमान है कि वाक्य रचना का ब्रेकिंग टुकड़ा वास्तव में फ़ाइल में है, स्क्रीनशॉट में नहीं। ओप स्क्रीनशॉट में HTML टैग के लिए शुरुआती ng-container गलत रंग है, लेकिन लाल संरचनात्मक निर्देश और SNAFU की तुलना में कम ध्यान देने योग्य है।

यह सही है। इस मुद्दे को खोलने के समय मुझे इसका कारण नहीं पता था।
एक बार सिंटैक्स टूट जाने के बाद, यह बाकी फाइल के लिए रिकवर नहीं होता है।

@ayazhafiz यदि आप उसी कोड को फिर से नीचे कॉपी करते हैं, तो यह संभवतः मेरे स्क्रीनशॉट जैसा दिखता है

@ BO41 आप किस कोड का उल्लेख कर रहे हैं?

<ng-container matColumnDef="cost-code">
    <th mat-header-cell *matHeaderCellDef>
        {{ 'GENERAL.COST_CODE'  | async }}
    </th>
    <td mat-cell *matCellDef="let param">{{ param.costCode?.name }}</td>
</ng-container>

यह वाला। लेकिन किसी भी नए उद्घाटन टैग को गड़बड़ किया जाना चाहिए

अच्छा जी। क्या आप यह सत्यापित कर सकते हैं कि एकमात्र कारण let param अभिव्यक्ति में लापता अर्धविराम है?

कैसे? कुछ भी मैं परीक्षण कर सकता हूं?

• कोड कोणीय से है
• यह काम करता है ।5
• यह सभी अन्य एक्सटेंशन के साथ भी .6 या .7 में अपग्रेड करके टूट जाता है
• आप और अन्य लोग इसे विभिन्न कोणीय संस्करणों के साथ पुन: उत्पन्न कर सकते हैं

मेरा क्या मतलब है, क्या आप इस बात की पुष्टि कर सकते हैं कि ng-container टैग पर आपके द्वारा बताई गई समस्या के लिए हाइलाइटिंग में त्रुटि और *matCellDef परिभाषा के बाद एक लापता अर्धविराम के कारण होता है।

जैसा @ghaschel ने सुझाव दिया था

; जोड़ना समस्या को हल करने के लिए लगता है।

या

शायद * या let । हटाने से या तो रंग गड़बड़ हो जाता है

लेकिन अर्धविराम गायब नहीं है, क्योंकि यह आवश्यक नहीं होना चाहिए।

मैं * ngFor निर्देश के साथ एक ही मुद्दा रहा हूँ और पुष्टि कर सकता हूँ कि ; को *ngFor="let p of navItems जोड़ना बाकी के स्वरूपण को ठीक करता है।

एक और उदाहरण देते हैं

ठीक है, हम इस पर हैं। यदि इस से स्वतंत्र अन्य कीड़े हैं, तो कृपया एक नया मुद्दा खोलने के लिए स्वतंत्र महसूस करें। यदि संभव हो, तो कृपया एक न्यूनतम कोड नमूना शामिल करें जिसे हम संपादक में कॉपी / पेस्ट कर सकते हैं।

ठीक है, हम इस पर हैं। यदि इस से स्वतंत्र अन्य कीड़े हैं, तो कृपया एक नया मुद्दा खोलने के लिए स्वतंत्र महसूस करें। यदि संभव हो, तो कृपया एक न्यूनतम कोड नमूना शामिल करें जिसे हम संपादक में कॉपी / पेस्ट कर सकते हैं।

<div>
  <ng-template #event>
    <ng-container *ngIf="!false">some code</ng-container>
  </ng-template>
</div>

<ng-container *ngFor="let hour of hoursToRender, let f = first, let e = even">
</ng-container>

टिप्पणियाँ:

• ई भी ngFor पर, और reserverd शब्द ठीक से रंगीन नहीं हैं।
• पहले टैग के पहले एनजी-टेम्प्लेट और पहले व्हाट्सएप पर #event के बीच ठीक से रंग नहीं होते हैं।

कभी-कभी एनजी-कॉनिंगर ठीक से रंगीन होता है, कभी-कभी नहीं:

<div class="container">
    <div class="hoursHeaderColumn">
        <ng-container *ngFor="let n of hoursToRender, let f = first, let i = index, let e = even">
            <div class="hoursHeader"
                 [class.dayHeader]="f"
                 [class.evenHour]="e">
                <span *ngIf="!f">
                    {{i - 1 + renderStartTime}}
                </span>
            </div>
        </ng-container>
    </div>
    <ng-container *ngFor="let day of daysToRender">
        <div class="day">
            <ng-container *ngFor="let hour of hoursToRender, let f = first, let e = even">
                <div (click)="onHourClick(day, hour)"
                     [class.dayHeader]="f"
                     [class.evenHour]="e"
                     [class.hour]="!f"
                     [class.picked]="!f && !loadingEvents && occuped[day.dayValue][hour].picked">
                    <span *ngIf="f else event">
                        {{day.label}}<br /> <span class="date">{{day.dateValue}}/{{day.month}}</span>
                    </span>
                    <ng-template #event>
                        <ng-container *ngIf="!loadingEvents">
                            <div class="startBleed"
                                 *ngIf="occuped[day.dayValue][hour].startBleed"></div>
                            <div class="occuped"
                                 *ngIf="occuped[day.dayValue][hour].summary && !occuped[day.dayValue][hour].startBleed && !occuped[day.dayValue][hour].endBleed">
                            </div>
                            <div class="endBleed"
                                 *ngIf="occuped[day.dayValue][hour].endBleed"></div>
                        </ng-container>
                    </ng-template>
                </div>
            </ng-container>
        </div>
    </ng-container>
    <app-loading *ngIf="loadingEvents"
                 class="eventsLoader"></app-loading>
</div>

मेरी राय में एप्रोपिएट का रंग हरा होना चाहिए।

@qmarquez आपके उदाहरणों में विफलता बिंदु let <var> = <value> कथन है। यदि आप एक अर्धविराम के साथ टोपी करते हैं, तो मुझे संदेह है कि आप लगातार वाक्यविन्यास को फिर से उजागर करेंगे। (यह कहना नहीं है कि यह एक बग नहीं है, लेकिन यह है कि यह उन परिस्थितियों में लगातार प्रतिलिपि प्रस्तुत करने योग्य है।)

मेरी राय में एप्रोपिएट का रंग हरा होना चाहिए।

डिफ़ॉल्ट डार्क + थीम वाले HTML टैग के लिए सही रंग गहरा नीला है। यह हरे रंग का रंग हो रहा है क्योंकि इसे JSX घटक के रूप में हाइलाइट किया जा रहा है, क्योंकि जावास्क्रिप्ट सिंटैक्स "अटक गया" है और कभी भी HTML पार्सिंग से वापस नहीं निकल रहा है। आप कमांड पैलेट से Developer: Inspect TM Scopes चलाकर और हरे टैग पर क्लिक करके इसकी पुष्टि कर सकते हैं। एक कोणीय शैली के वेब घटक के लिए व्याकरण का दायरा meta.tag.custom.<start/end>.html entity.name.tag.html , जो किसी भी अन्य HTML टैग के समान डार्क + रंग का है। ऐसे थीम हैं जो सादे HTML टैग की तुलना में एक अलग टोकन के साथ वेब घटकों को रंगते हैं, लेकिन डार्क + उनमें से एक नहीं है। (लागू किया गया वास्तविक रंग इस एक्सटेंशन द्वारा नियंत्रित नहीं किया जाता है; इसे थीम द्वारा नियंत्रित किया जाता है, जबकि यह एक्सटेंशन केवल व्याकरण स्कोप प्रदान करता है जो थीम हुक कर सकते हैं।)

मुझे संदेह है कि आप लगातार वाक्यविन्यास को फिर से उजागर करेंगे।

हाँ, यह बात है, यह तय है। मुझे लगा कि यह ',' से अलग हो गया है

यह सब सही है! वास्तव में बहुत कुछ! <३

टिप्पणियाँ अब टिप्पणियों की तरह नहीं लगती हैं।
क्या किसी और ने इस व्यवहार का अवलोकन किया है?

591

हाँ

उपरोक्त के अतिरिक्त, टिप्पणी शॉर्टकट जैसे कि ctrl + / / cmd + /, एक टाइपस्क्रिप्ट-जैसी टिप्पणी का उत्पादन करता है // ... html-जैसी टिप्पणी के बजाय

हम भविष्य के पैच में इसे ठीक करने पर काम कर रहे हैं!

От: अरनौद क्रॉथर नोटिफिकेशन @github.com
Отправлено: среда, января 29, 2020 6:47 पूर्वाह्न
Кому: कोणीय / vscode-ng- भाषा-सेवा
Копия: हाफ़िज़; उल्लेख करना
Тема: Re: [कोणीय / vscode-ng- भाषा-सेवा] टेम्पलेट रंग हाइलाइटिंग टूट गया (# 575)

तो बस पुनरावृत्ति करने के लिए, अर्धविराम को जोड़कर इसे ठीक करता है। क्या यह व्यवहार भविष्य के पैच में अपडेट किया जाएगा? या फिर हमें अभी से अर्धविराम जोड़ना चाहिए ताकि उचित वाक्यविन्यास पर प्रकाश डाला जा सके? आप सभी की कड़ी मेहनत के लिए आपको धन्यवाद!

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
सीधे इस ईमेल का जवाब, GitHub पर इसे देखने के https://github.com/angular/vscode-ng-language-service/issues/575?email_source=notifications&email_token=AE6GL6X4BQ4LGSYDIC627PLRAGJHNA5CNFSM4KLCQL6KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEKHN6ZY#issuecomment-579788647 , या सदस्यता समाप्त https: // GitHub। com / सूचनाएं / सदस्यता समाप्त करें

बस जोड़ने के लिए: प्रीटीयर स्वचालित रूप से <div *ngIf="data.status as status;"> से एक अर्धविराम निकालता है जिसके परिणामस्वरूप इस अंक में होता है।

@ cpboyd कोई भी उपकरण जो क्लिन कोड को समस्या को फिर से बनाने जा रहा है यदि आप अर्धविराम के चारों ओर काम का उपयोग कर रहे हैं। जैसा कि अर्धविराम की उपस्थिति कोणीय के लिए वाक्यविन्यास नहीं है। एक बार फिक्स जारी हो जाने के बाद, और उम्मीद है कि कुछ यूनिट परीक्षण इसे कवर करते हैं, हमें इस मुद्दे के आसपास काम का उपयोग या सामना नहीं करना चाहिए।

सिवाय जब समस्या वापस आए :(

@ cpboyd कोई भी उपकरण जो क्लिन कोड को समस्या को फिर से बनाने जा रहा है यदि आप अर्धविराम के चारों ओर काम का उपयोग कर रहे हैं। जैसा कि अर्धविराम की उपस्थिति कोणीय के लिए वाक्यविन्यास नहीं है। एक बार फिक्स जारी हो जाने के बाद, और उम्मीद है कि कुछ यूनिट परीक्षण इसे कवर करते हैं, हमें इस मुद्दे के आसपास काम का उपयोग या सामना नहीं करना चाहिए।

सिवाय जब समस्या वापस आए :(

हम यहाँ व्याकरणों का परीक्षण स्नैपशॉट कर रहे हैं, और एक बार तय होने के बाद मुझे यकीन है कि हम इस मामले को कवर करने के लिए परीक्षण मामलों को जोड़ देंगे। एक बार यह तय हो जाने के बाद मैं वास्तव में किसी भी तरह के रिग्रेशन का पूर्वाभास नहीं करता। :)

@ayazhafiz , यदि यह मदद करता है, तो एक और उदाहरण का पालन करें। अगर तुम चाहो तो मैं यहां कोड डाल सकता हूं।

@dannymcgee @ayazhafiz मैंने इस अंक में उपलब्ध कोड के साथ व्याकरण और काम पर कोडबेस के खिलाफ परीक्षण किया है। अब तक कुछ भी नहीं टूटा और खूंखार अर्धविराम को जोड़ने की आवश्यकता नहीं है।

यह भी बाद में as ऑपरेटर की तरह दिखाई देता है:

<ng-container *myDirective="{ results: results$ } as data"> <!-- it breaks here -->
      <!-- All the lines below are broken -->
      <my-component
        [ngClass]="myClass"

मुझे पिछले प्रीटियर पाने के लिए एक हैक मिला: <td mat-cell *matCellDef="let g; else"> कि else सिंटैक्स hilighting को ठीक करता है।

बस में chiming, मैं एक ही मुद्दा है।

अगर मैं async as post निकालता हूं और async उपयोग करता हूं तो यह दूर हो जाता है। और let i = index या i as index निकालना। नहीं वास्तव में एक काम कर समाधान।

• कोणीय 9
• कोणीय भाषा सेवा v0.900.11

मैं * ngFor निर्देश के साथ एक ही मुद्दा रहा हूँ और पुष्टि कर सकता हूँ कि ; को *ngFor="let p of navItems जोड़ना बाकी के स्वरूपण को ठीक करता है।

यह एक मेरे लिए काम किया

पहले "चलो स्कू" में ; का ध्यान रखें

मैं * ngFor निर्देश के साथ एक ही मुद्दा रहा हूँ और पुष्टि कर सकता हूँ कि ; को *ngFor="let p of navItems जोड़ना बाकी के स्वरूपण को ठीक करता है।

यह एक मेरे लिए काम किया

पहले "चलो स्कू" में ; का ध्यान रखें

@ BO41 और @cpboyd के समान समस्या का उल्लेख किया गया है:

https://github.com/angular/vscode-ng-language-service/issues/575#issuecomment -580404727

https://github.com/angular/vscode-ng-language-service/issues/575#issuecomment -578128919

क्या इस बग को ठीक करना मुश्किल है? यह 21 दिनों के लिए खुला है, इसके बावजूद यह इतना कष्टप्रद है कि वर्तमान संस्करण में प्लगइन का उपयोग करना असंभव है। मैं अभी भी एक पुराने संस्करण का उपयोग कर रहा हूं, और यह अभी के लिए ठीक है, लेकिन मुझे लगता है कि आपको इसे उच्च प्राथमिकता देनी चाहिए ...

मार्केटिंग असहमत है

विजुअल स्टूडियो मार्केटप्लेस पर कोणीय भाषा सेवा विस्तार के लिए महत्वपूर्ण सुधार किए गए हैं। प्रदर्शन और स्थिरता के मुद्दों को संबोधित करने के लिए प्रमुख वास्तुशिल्प ओवरहाल के साथ, कई लंबे समय तक चलने वाले कीड़े भी तय किए गए हैं।

यह इतना बेहतर है कि कोई भी इसका उपयोग नहीं कर सकता है। हह।

एक खुला पीआर है। हम सभी समुदाय योगदानकर्ता हैं!

यहाँ किसी के लिए पीआर है जो उत्सुक है: https://github.com/angular/vscode-ng-language-service/pull/609

आपके धैर्य के लिए धन्यवाद। # 609 में इसे ठीक करने के लिए @ghaschel और समीक्षा में मदद करने के लिए @dannymcgee को बहुत-बहुत धन्यवाद। यदि आप अगली रिलीज़ (0.900.14) के बाद और वाक्यविन्यास त्रुटियों का अनुभव करते हैं, तो कृपया एक और मुद्दा खोलें।

0.900.14 पर ईटीए क्या है?

@kyliau

v0.900.14 प्रकाशित किया गया है!
https://github.com/angular/vscode-ng-language-service/releases/tag/v0006/4

निष्क्रियता के कारण यह मुद्दा स्वतः बंद हो गया है।
यदि आप एक समान या संबंधित समस्या का सामना कर रहे हैं, तो एक नया मुद्दा दर्ज करें।

हमारी स्वचालित वार्तालाप लॉकिंग नीति के बारे में और पढ़ें।

_{_ यह क्रिया स्वचालित रूप से बॉट द्वारा की जाती है ।_}