Angular සංරචකයේ මෝස්තර
දැන් අපි අපේ HTML ව්යුහය
CSS භාවිතයෙන් මෝස්තර කරමු.
මේ සඳහා අපට අවශ්ය වන්නේ
app.component.css ගොනුවයි,
එහි සංරචකයේ ව්යුහය සඳහා
CSS මෝස්තර ලියනු ලැබේ. මේ අතරතුර
Angular විසින් මෝස්තර
CSS මොඩියුලයක් ලෙස ක්රියා කරන බවට බලාපොරොත්තු වේ.
මෙයින් අදහස් කරන්නේ
සියලුම තෝරන්නන් වැඩ කරන්නේ
සංරචකයේ ව්යුහය සඳහා පමණක් වන අතර
පිටත ව්යුහය අල්ලා නොගනී.
අපි ප්රායෝගිකව බලමු. අපේ සංරචකයේ පහත ව්යුහය ඇති බව උපකල්පනය කරමු:
<div>
abcde
</div>
div එකට වර්ණයක් ලබා දෙමු:
div {
color: red;
}
මේ අතරතුර අපට විශ්වාසයෙන් යුතුව පැවසිය හැකිය, මෝස්තරය යොදනු ලබන්නේ අපේ සංරචකයේ div ටැග් සඳහා පමණක් වන අතර, වෙනත් කිසිදු ඒවාට නොවේ.
ටෙම්ප්ලේට් ගොනුවේ යම් ව්යුහයක් සාදන්න. එම ව්යුහය සඳහා මෝස්තර ලියන්න.