Angular 如何使用Nativescript更改菜单中的颜色文本

在这里，我有一个演示从我的项目

我想在选择菜单时更改其颜色文本

在html中，我使用了以下代码：

<GridLayout rows="*,60">
    <StackLayout row="1" orientation="horizontal" class="foot" backgroundColor="#eae8e8" padding="10 5 10 5">
        <StackLayout (tap)="gofp()" width="45%" textAlignment="center">
            <Label  text="Home">

            </Label>
        </StackLayout>
        <StackLayout (tap)="gosettings()" width="55%" textAlignment="center">
            <Label  text="Settings">
            </Label>
        </StackLayout>
    </StackLayout>
</GridLayout>

但请显示此错误：

未定义$

你能给我一些想法吗，当我选择文本时，如何改变文本的颜色

---

谢谢

不要使用jQuery。最简单的方法是使用ngClass

[ngClass]=“{'active'：itemActive}

。然后（轻触）标签时，可以将

itemActive

设置为true，然后标签上有

active

类

---

传递事件，以便知道单击了哪个项并相应地添加了类。

不要使用jQuery。最简单的方法是使用ngClass。

[ngClass]=“{'active'：itemActive}

。然后（轻触）标签时，可以将

itemActive

设置为true，然后标签上有

active

类

---

---

传递事件，以便您知道单击了哪个项目并相应地添加了类。

我本人是一名相对较新的Nativescript/Angular开发人员，但据我所知，您不需要使用jQuery进行这样的更改（我也不确定它是否有效，但我可能是错的）。使用

ViewChild

和

ElementRef

，您可以访问元素的属性并直接更改它们；尝试引用和调整以获得您想要的效果。

我本人是一名相对较新的Nativescript/Angular开发人员，但据我所知，您不需要使用jQuery进行这样的更改（我也不确定它是否有效，但我可能错了）。使用

ViewChild

和

ElementRef

，您可以访问元素的属性并直接更改它们；尝试引用和调整以获得想要的效果。

在angular应用程序中尝试使用jquery有什么原因吗？你真的不应该这么做。你能问我一些想法吗？你为什么尝试在angular应用程序中使用jquery？你真的不应该那样做。你能问我一些想法吗？谢谢你的回答。但是我还需要一些别的东西，比如在帖子中的图片。你在你的操场上修改背景色，所以我修改了操场背景色。看起来您想修改

颜色

属性；尝试用您需要的属性或其他属性替换

backgroundColor

。是的，我会修改，但我想要的是：当我打开应用程序时，默认选中的是“主页”选项卡（红色），其他菜单是黑色的（例如）。当我选择“菜单设置”时，我想更改颜色，将“设置”更改为红色，将“主页+其他”菜单更改为黑色。类似于此菜单的内容：：根据我在操场上模拟的内容，您应该能够通过实验和查阅Nativescript文档从中找出答案。要开始，请尝试在HTML中设置默认选项卡的

backgroundColor

。谢谢您的回答。但是我还需要一些别的东西，比如在帖子中的图片。你在你的操场上修改背景色，所以我修改了操场背景色。看起来您想修改

颜色

属性；尝试用您需要的属性或其他属性替换

backgroundColor

。是的，我会修改，但我想要的是：当我打开应用程序时，默认选中的是“主页”选项卡（红色），其他菜单是黑色的（例如）。当我选择“菜单设置”时，我想更改颜色，将“设置”更改为红色，将“主页+其他”菜单更改为黑色。类似于此菜单的内容：：根据我在操场上模拟的内容，您应该能够通过实验和查阅Nativescript文档从中找出答案。若要开始，请尝试在HTML中设置默认选项卡的

backgroundColor

。您可以在演示中编写一些内容吗？@w.site本人没有尝试过，但这可能是您正在寻找的内容。显然，代码吮吸（点击）应该切换到（点击）你们能在演示中写点什么吗？@w.site自己并没有尝试过，但这可能是你们想要的。显然，代码吮吸（点击）应该切换到（点击）

declare var $: any;

$(function () {
    $("#myMenu label").click(function () {
        $("#myMenu label").removeClass("active");
        $(this).addClass("active");
    });

});