ng-class在h1内部无法正常工作?

不是我

我开始学习AngularJs,我想知道为什么我的代码无法正常工作?我想知道为什么h1标签没有随着橙色而变橙色ng-class="'orange'"

我知道答案可能很简单,但我才刚刚开始。

这是我的index.html:

<html ng-app="app">
    <head>
        <style type="text/css">
        </style>

    </head>
    <body>

        <div ng-controller="MainController">
            <h1 ng-class="'orange'">Hello There</h1>
        </div>


        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
        <script type="text/javascript" src="app.js"></script>
    </body>
</html>

这是我的app.js:

var app = angular.module('app', []);

app.controller('MainController', function($scope) {

})

ps在控制台中没有错误。

潘卡·帕克(Pankaj Parkar)

它必须工作。因为结果是您给类作为直接string变量,所以该值orange带有单引号。

与您定义类似范围变量一样,该变量从as返回值

<h1 ng-class="class">Hello There</h1>

代码

$scope.class='orange';

两种方法是同一件事。

更新

您需要添加CSS类来获取这些更改

<style type="text/css">
  .orange {
     color: orange;
  }
</style>

Demo Plunkr

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ng-control内部的ng-include无法正常工作

来自分类Dev

ng-controller内部的ng-include无法正常工作

来自分类Dev

ng-class无法正常工作

来自分类Dev

NG级无法正常工作

来自分类Dev

ng样式无法正常工作

来自分类Dev

ng-if无法正常工作

来自分类Dev

ng-hide和ng-show无法正常工作

来自分类Dev

无法让ng-hide和ng-show正常工作

来自分类Dev

AngularJs ng-repeat无法正常工作

来自分类Dev

AngularJS:ng-keypress无法正常工作

来自分类Dev

AngularJS-禁用ng无法正常工作

来自分类Dev

ng-bind-html无法正常工作

来自分类Dev

AngularJS ng-show无法正常工作

来自分类Dev

ng-tags-input无法正常工作

来自分类Dev

ng-messages无法正常工作

来自分类Dev

angularjs ng-show无法正常工作

来自分类Dev

ng-src无法正常工作

来自分类Dev

AngularJS ng-show无法正常工作

来自分类Dev

ng-dirty无法正常工作

来自分类Dev

角度ng-repeat无法正常工作

来自分类Dev

ng-repeat无法正常工作

来自分类Dev

angularjs ng-show无法正常工作

来自分类Dev

ng样式无法正常工作/更新

来自分类Dev

ng-if 验证器无法正常工作

来自分类Dev

Ng-Show 无法正常工作

来自分类Dev

Angular ng-class 无法编译/工作

来自分类Dev

ng-focus和ng-blur无法正常工作,而ng-click在输入元素中工作正常

来自分类Dev

选择框中的ng-model无法正常工作

来自分类Dev

Angular ng-include onload方法无法正常工作