javascript - 为什么背景图像不使用 Angular 设置?

标签 javascript jquery angularjs

您好,您能告诉我为什么我的背景图像没有设置吗?我需要在所有 View 中设置相同的图像?并且 你能告诉我如何在不同的 View 中显示不同的图像我该如何实现这一点? 笨蛋 http://plnkr.co/edit/KfY9Xo2br3AD6UOzoZlE?p=info

<!DOCTYPE html>
<html>

  <head>
    <link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
    <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
    <script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script data-require="angular-route@1.2.17" data-semver="1.2.17" src="http://code.angularjs.org/1.2.17/angular-route.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body  ng-style="{'background-image':'url(http://upload.wikimedia.org/wikipedia/commons/thumb/9/9b/Domestic_cat_cropped.jpg/250px-Domestic_cat_cropped.jpg)'}">
   <div ng-app="app">
      <ng-view></ng-view>
    </div>
  </body>

</html>

最佳答案

您在 ng-style 之后引导应用程序,这是不正确的。应该是这样的:

<!DOCTYPE html>
<html ng-app="app">

  <head>
    <link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
    <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
    <script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script data-require="angular-route@1.2.17" data-semver="1.2.17" src="http://code.angularjs.org/1.2.17/angular-route.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body  ng-style="{'background-image':'url(http://upload.wikimedia.org/wikipedia/commons/thumb/9/9b/Domestic_cat_cropped.jpg/250px-Domestic_cat_cropped.jpg)'}">
   <div>
      <ng-view></ng-view>
    </div>
  </body>

</html>

Working Plunkr

关于javascript - 为什么背景图像不使用 Angular 设置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25285143/

相关文章:

javascript - 在不显示模式下克隆一个 div

JavaScript 到 jquery

jquery - Rails 3.2.1 上的 morris.js 无法从 html 获取 json

javascript - 在 javascript 或 angularjs 中解析 url

javascript - 在 TypeScript 和 AngularJS 2 中导入 JavaScript 函数

javascript - 动画数字需要在 60 秒内停止

javascript - jPlayer 和 IE10 - SCRIPT438 : Object doesn't support property or method 'jPlayer'

angularjs - 在 AngularJS 中使用逗号作为列表分隔符

javascript - Angular中实现延迟加载的方法

Javascript 位置散列到 php 变量中