Angular ටෙම්ප්ලේටයේ කොම්පොනන්ට් පන්තියේ ගුණාංග
කොම්පොනන්ට් පන්තියේ සියලුම පොදු ගුණාංග කොම්පොනන්ට් ටෙම්ප්ලේටය තුළ ප්රවේශ විය හැකිය. ඒවාට ප්රවේශ වන ආකාරය බලමු.
අපේ පන්තියේ පහත සඳහන් පොදු ගුණාංගය පවතිනවා යැයි සිතමු:
export class AppComponent {
public test: string = 'abcde';
}
අපගේ ගුණාංගයේ අන්තර්ගතය හැඩතල ගැන්වීමේදී ප්රදර්ශනය කරමු. මේ සඳහා ඔබ ද්විත්ව කැබලි වරහන් තුළ ගුණාංගයේ නම ලිවිය යුතුය:
<div>
{{ test }}
</div>
පහත හැඩතල ගැන්වීම ලබා දී ඇත:
<ul>
<li>name: john</li>
<li>surn: smit</li>
</ul>
නම සහ අන්වර්ථය කොම්පොනන්ට් පන්තියෙන් ටෙම්ප්ලේටයට යැවෙන ආකාරයට සකසන්න.