<commit_before>import {Component, Input} from '@angular/core';
import { Hero } from './hero';
@Component({
    selector:'hero-detail',
    template:`
    <div *ngIf="hero">
      <h2>{{hero.name}} details!</h2>
      <div><label>id: </label>{{hero.id}}</div>
      <div>
        <label>Name: </label>
        <input [(ngModel)]="hero.name" placeholder="Hero's name"> 
      </div>
    </div>`,
})
export class HeroDetailComponent{<commit_msg>add new comments to the ngIf directives<commit_after>import {Component, Input} from '@angular/core';
import { Hero } from './hero';
//extract the Master/detail component
@Component({
    selector:'hero-detail',
    //ngIf directive conditionally adds or removes content from 
    //the DOM based on whether or not an expression is true or false
    template:`
    <div *ngIf="hero">
      <h2>{{hero.name}} details!</h2>
      <div><label>id: </label>{{hero.id}}</div>
      <div>
        <label>Name: </label>
        <input [(ngModel)]="hero.name" placeholder="Hero's name"> 
      </div>
    </div>`,
})
export class HeroDetailComponent{
{'fraction_non_alphanumeric': 0.18022181146025879, 'fraction_numerical': 0.0036968576709796672, 'mean_word_length': 3.2976190476190474, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '906572', 'n_tokens_mistral': 349, 'n_tokens_neox': 332, 'n_words': 90}