个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我正在用 angularjs 创建一个 webapp。我在这个页面上有几页，每页上都有相同的页脚。问题是有些页面的内容是白色背景，有些是蓝色的。我想知道如何相应地更改每个页面页脚的背景颜色。
这是我的index.html:
<body layout="row" ng-init="populateData();" ng-controller="MainCtrl" class="ng-cloak">
<div flex layout="column" role="main">
<!-- Navigation Bar At Top -->
<nav-bar>
</nav-bar>
<!-- Navigation Bar Ends -->
<!-- All Views -->
<div ui-view layout="row" id="uiView" flex>
</div>
<!-- All views ends -->
<footer style="background-color: transparent">
<small>© 2007-2015 xyz.com.</small>
</footer>
</div>
</body>
这是其中一个页面，background-color 为蓝色:
<div layout="column" class="someclass" style="background-color: blue">
<!--More HTML here-->
</div>
同样有一些页面有背景颜色，现在我应该如何设置页脚的背景颜色，使其具有与页面上显示的内容相对应的颜色。
最佳答案
在你的 MainCtrl 中你可以有这个变量
$rootScope.backColor = "#fff";
并在其他 Controller 中修改
$rootScope.backColor = "#00f";
在页脚 html 中
<footer ng-style="{'background-color':backColor}">
<small>© 2007-2015 xyz.com.</small>
</footer>
关于javascript - 如何在不同页面上使不同的页脚背景颜色与每个背景颜色相同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33840705/
25
4
0
我是一名优秀的程序员,十分优秀！