fix(language-service): Improve signature selection for pipes with args (#33456)

Pipes with arguments like `slice:0` or `slice:0:1` should not produce
diagnostic errors.

PR closes https://github.com/angular/vscode-ng-language-service/issues/345

PR Close #33456

packages/language-service/test/diagnostics_spec.ts

@@ -76,6 +76,26 @@ describe('diagnostics', () => {
     }
   });
 
+  it('should not produce diagnostics for slice pipe with arguments', () => {
+    mockHost.override(TEST_TEMPLATE, `
+      <div *ngFor="let h of heroes | slice:0:1">
+        {{h.name}}
+      </div>`);
+    const diags = ngLS.getDiagnostics(TEST_TEMPLATE);
+    expect(diags).toEqual([]);
+  });
+
+  it('should produce diagnostics for slice pipe with args when member is invalid', () => {
+    mockHost.override(TEST_TEMPLATE, `
+      <div *ngFor="let h of heroes | slice:0:1">
+        {{h.age}}
+      </div>`);
+    const diags = ngLS.getDiagnostics(TEST_TEMPLATE);
+    expect(diags.length).toBe(1);
+    expect(diags[0].messageText)
+        .toBe(`Identifier 'age' is not defined. 'Hero' does not contain such a member`);
+  });
+
   describe('in expression-cases.ts', () => {
     it('should report access to an unknown field', () => {
       const diags = ngLS.getDiagnostics(EXPRESSION_CASES).map(d => d.messageText);

packages/language-service/test/project/app/parsing-cases.ts

@@ -188,6 +188,7 @@ export class TestComponent {
 export class TemplateReference {
   title = 'Some title';
   hero: Hero = {id: 1, name: 'Windstorm'};
+  heroes: Hero[] = [this.hero];
   anyValue: any;
   myClick(event: any) {}
 }