运行时在angularjs中设置文本颜色样式_Angularjs

运行时在angularjs中设置文本颜色样式

angularjs

运行时在angularjs中设置文本颜色样式,angularjs,Angularjs,我有一个带有此代码的html页面 <p id="roonnameDiv" >{{chatRoom}}</p> 我甚至尝试使用ng颜色，但都没有成功。让head使用html不安全标记在运行时将html5代码添加到角度变量，也许我可以使用它来提供元素的样式，但找不到任何示例本质上，需求是使用angular框架在roonnameDiv中设置各种样式（颜色、大小和字体）编辑我使用了下面答案建议的ngstyle $scope.$parent.chatRoom=$stateP

我有一个带有此代码的html页面

<p id="roonnameDiv" >{{chatRoom}}</p>

我甚至尝试使用ng颜色，但都没有成功。让head使用html不安全标记在运行时将html5代码添加到角度变量，也许我可以使用它来提供元素的样式，但找不到任何示例

本质上，需求是使用angular框架在roonnameDiv中设置各种样式（颜色、大小和字体）

编辑

我使用了下面答案建议的ngstyle

$scope.$parent.chatRoom=$stateParams.roomId； $scope.myStyle={color:“green”}

然而，输出文本是纯灰色的。在通过chorome inspector探索它时，我发现它通过身体继承了一些风格。关闭body color标记只会将文本变为黑色而不是绿色

以下是正文

<body ng-app="xyz" ng-controller="AppController" class="ng-scope">

我希望特定的样式类应用于不同的文本组件，而不影响整体的主体样式。你能建议怎么做吗？

你可以使用ng样式指令

在标记中

{{{chatRoom}

在控制器中

$scope.myStyle={color:“green”，background:“blue”}

//在此处编写所有必需的样式

有关ng样式指令的更多信息，请访问：

您可以使用ng样式指令

在标记中

{{{chatRoom}

在控制器中

$scope.myStyle={color:“green”，background:“blue”}

//在此处编写所有必需的样式

有关ng样式指令的更多信息，请访问：

您可以使用ng样式指令

在标记中

{{{chatRoom}

在控制器中

$scope.myStyle={color:“green”，background:“blue”}

//在此处编写所有必需的样式

有关ng样式指令的更多信息，请访问：

您可以使用ng样式指令

在标记中

{{{chatRoom}

在控制器中

$scope.myStyle={color:“green”，background:“blue”}

//在此处编写所有必需的样式

有关ng样式指令的更多信息，请访问：

尝试以下操作

<p id="roonnameDiv" ng-style="chatRoom.style" >{{chatRoom}}</p>

{{{chatRoom}

试试这个

<p id="roonnameDiv" ng-style="chatRoom.style" >{{chatRoom}}</p>

{{{chatRoom}

试试这个

<p id="roonnameDiv" ng-style="chatRoom.style" >{{chatRoom}}</p>

{{{chatRoom}

试试这个

<p id="roonnameDiv" ng-style="chatRoom.style" >{{chatRoom}}</p>

{{{chatRoom}

不起作用。正文的默认颜色为灰色。您能为此创建plnkr/FIDLE吗@维奈K。我已经尽了最大的努力来反映价值观，但是它并没有正确地反映我的颜色问题。有很多问题。1.未包含ui路由器js文件。2指定控制器时的打字错误。3.ui视图未在标记中声明。4.myStyle未设置在适当的范围内。在这个plnkr中修复了所有这些问题：我有/***版本v0.2.13*链接*许可证MIT许可证，*/在一个js文件中合并并缩小了angular.js。然而你的解决方案解决了我的问题。在$scope中添加$parent时缺少的外观。$parent.myStyle。它现在运行得很好，但不起作用。正文的默认颜色为灰色。您能为此创建plnkr/FIDLE吗@维奈K。我已经尽了最大的努力来反映价值观，但是它并没有正确地反映我的颜色问题。有很多问题。1.未包含ui路由器js文件。2指定控制器时的打字错误。3.ui视图未在标记中声明。4.myStyle未设置在适当的范围内。在这个plnkr中修复了所有这些问题：我有/***版本v0.2.13*链接*许可证MIT许可证，*/在一个js文件中合并并缩小了angular.js。然而你的解决方案解决了我的问题。在$scope中添加$parent时缺少的外观。$parent.myStyle。它现在运行得很好，但不起作用。正文的默认颜色为灰色。您能为此创建plnkr/FIDLE吗@维奈K。我已经尽了最大的努力来反映价值观，但是它并没有正确地反映我的颜色问题。有很多问题。1.未包含ui路由器js文件。2指定控制器时的打字错误。3.ui视图未在标记中声明。4.myStyle未设置在适当的范围内。在这个plnkr中修复了所有这些问题：我有/***版本v0.2.13*链接*许可证MIT许可证，*/在一个js文件中合并并缩小了angular.js。然而你的解决方案解决了我的问题。在$scope中添加$parent时缺少的外观。$parent.myStyle。它现在运行得很好，但不起作用。正文的默认颜色为灰色。您能为此创建plnkr/FIDLE吗@维奈K。我已经尽了最大的努力来反映价值观，但是它并没有正确地反映我的颜色问题。有很多问题。1.未包含ui路由器js文件。2指定控制器时的打字错误。3.ui视图未在标记中声明。4.myStyle未设置在适当的范围内。在这个plnkr中修复了所有这些问题：我有/***版本v0.2.13*链接*许可证MIT许可证，*/在一个js文件中合并并缩小了angular.js。然而你的解决方案解决了我的问题。在$scope中添加$parent时缺少的外观。$parent.myStyle。它现在工作得很好。