Angular ටෙම්ප්ලේටයේ කොම්පොනන්ට් පන්තියේ ගුණාංග

කොම්පොනන්ට් පන්තියේ සියලුම පොදු ගුණාංග කොම්පොනන්ට් ටෙම්ප්ලේටය තුළ ප්‍රවේශ විය හැකිය. ඒවාට ප්‍රවේශ වන ආකාරය බලමු.

අපේ පන්තියේ පහත සඳහන් පොදු ගුණාංගය පවතිනවා යැයි සිතමු:

app/app.component.tsexport class AppComponent {
  public test: string = 'abcde';
}

අපගේ ගුණාංගයේ අන්තර්ගතය හැඩතල ගැන්වීමේදී ප්‍රදර්ශනය කරමු. මේ සඳහා ඔබ ද්විත්ව කැබලි වරහන් තුළ ගුණාංගයේ නම ලිවිය යුතුය:

app/app.component.html<div>
  {{ test }}
</div>

app/app.component.html<ul>
  <li>name: john</li>
  <li>surn: smit</li>
</ul>