css - Angular 表达式没有得到评估-6ren

css - Angular 表达式没有得到评估

转载作者：行者123 更新时间：2023-11-28 06:36:36

25

4

为什么我没有得到 dish.price、dish,description 等的值，我在这里做错了什么？

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

<head>
     <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head
         content must come *after* these tags -->
    <title>Ristorante Con Fusion: Menu</title>
        <!-- Bootstrap -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-

1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
 
 </head>


 <body>

<div class="container">

        <div class="row row-content"

        ng-init="         

                     dish= {
                          name:'Uthapizza',
                          image: 'D:\Ericoll\bootstrap-3.3.6-dist\bootstrap-3.3.6-dist\Image\uthapizza.png',
                          category: 'mains', 
                          label:'Hot',
                          price:'4.99',
                          description:'A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.',
                           comments:''
                           }">

            <div class="col-xs-12">
                <div class="media">
  <div class="media-left">
    <a href="#">
      <img class="media-object" src={{dish.image}} alt="Bread">
    </a>
  </div>
  <div class="media-body">
    <h2 class="media-heading">{{dish.name}}
    <span class="label label-danger label-xs">{{dish.label}}</span>
<span class="badge">{{dish.price | currency}}</span>
    
    </h2>
       <p>{{dish.description}}</p>
    
  </div>
  </div>
               
            </div>
            
        </div>
    </div>

       <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
        <!--<script src"./bootstrap-3.3.6-dist/js/bootstrap-3.3.6-dis/angular2.min.js"></script>-->
            <!--<script src="D:\Ericoll\bootstrap-3.3.6-dist\bootstrap-3.3.6-dist\jsangular2.min.js"></script>-->


 </body>  
 </html>

最佳答案

进行了一些更改并使用了 Controller ，现在一切正常:)

问题是，我认为至少不确定，但是你在图像路径中使用了 \ 这就是我这样做的原因 \/ 那么这不是问题。

演示

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

app.controller('MainCtrl', function($scope) {
  $scope.dish = {
    name: 'Uthapizza',
    image: 'D:\/Ericoll\/bootstrap-3.3.6-dist\/bootstrap-3.3.6-dist\/Image\/uthapizza.png',
    category: 'mains',
    label: 'Hot',
    price: '4.99',
    description: 'A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.',
    comments: ''
  };
});

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

<head>
  <title>Ristorante Con Fusion: Menu</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.8/angular.js" data-semver="1.4.8"></script>
  <script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
  <div class="container">
    <div class="row row-content">
      <div class="col-xs-12">
        <div class="media">
          <div class="media-left">
            <a href="#">
              <img class="media-object" src={{dish.image}} alt="Bread">
            </a>
          </div>
          <div class="media-body">
            <h2 class="media-heading">{{dish.name}}
    <span class="label label-danger label-xs">{{dish.label}}</span>
<span class="badge">{{dish.price | currency}}</span>
    </h2>
            <p>{{dish.description}}</p>
          </div>
        </div>

      </div>

    </div>
  </div>
</body>

</html>

关于css - Angular 表达式没有得到评估，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34634915/

25

4

0

文章推荐： c++ - 如何获取使用 SetTimer() 制作的计时器的进度

文章推荐： swift - 1 个结构、3 个协议(protocol)和 1 个函数来调用它们

文章推荐： C++ 改变实例变量

Makefile变量扩展/评估
目前，由于生成变量的评估，我的Makefile遇到了问题。我降低了复杂性，仅保留了导致问题的基本要素。读取Makefile时， $(LIST)被评估为文件列表。在步骤1中，其中一个文件被删除。在
JavaScript 评估
为什么这 eval 没有调用alert("Summer") ？ eval('(caption="Summer";alert(caption))'); 和《夏天》里的台词有关系吗？最佳答案 Uncau
JavaScript 评估
我正在努力让以下工作正常进行。最初似乎可以工作，但不知何故它停止工作了 var setCommonAttr = "1_row1_common"; var val = document.getEleme
javascript 评估
eval('({"suc":true})') 以上错误，应该是: eval('{"suc":true}') 为什么？最佳答案当尝试评估时，解释器会看到大括号并认为它是一个 block 开头。将其括
JavaScript 评估
我的页面 A 发出了 ajax 调用并引入了片段 B。该片段被添加到 DOM 中，并且该片段中的所有脚本都经过了评估。在该代码片段中，我有 2 个脚本标签: function doOptions()
javascript && 评估
这里是javascript代码: var test = { "h" : function (a) {return a;}, "say" : "hello" }; 第一次运行: test
PHP 评估 $a ="$a"?
我正在查看一些工作代码，并遇到了这一行: eval("\$element = \"$element\";"); 我真的很困惑为什么任何 PHP 开发人员都会写这一行。除了给自己设置一个变量之外，这还有
Java- && 评估
谁能帮我解决以下问题: 我有这样的代码: if(cond1 && cond2 && .. && cond10) 这里，cond1 是昂贵的操作，其输出是 boolean 值。现在我的问题是，当 co
华为AppCube通过中国信通院“低代码开发平台通用能力要求”评估
**摘要：**华为AppCube应用魔方顺利通过信通院评估，被认证为具备 “低代码开发平台通用能力”的企业服务平台。本文分享自华为云社区《华为AppCube通过中国信通院“低代码开发平台通用能力要求
php - 评估()不工作？
我正在尝试通过 PHP 从图像的 EXIF 数据中获取焦距。这是我目前得到的代码: $exif = exif_read_data("$photo"); $length10 = $exif['Foca
javascript - Null不是对象(评估
我想使用id =“key”将一个类添加到元素中，但是为什么不起作用？我是js的初学者:这是代码: audio.classList.add('yellow'); 这是错误: null is not an
PHP XPATH 评估
这是我的 XML: QueWay Password Recovery 现在我想用 php 用 xpath 选择文本“QueWay”。到目前为止我所拥有的一切都很好: $xml =
java - If 语句评估
使用下面的代码，即使我输入的数字大于 18，我也会得到这个结果。运行:你今年多大？ 21你还没有达到成年年龄!构建成功(总时间:3 秒) 我是java新手，正在尝试自学，有人可以帮忙吗？ impor
函数参数的 R 评估
我正在阅读 http://www.cran.r-project.org/doc/manuals/R-lang.pdf手册第 4.3 章，我就是不明白。也许有人可以给我一个快速的解释，为什么 R 的行为
c# - IEnumerable 评估
在这个实现中，每次都会评估 hand 并返回另一个列表吗？ foreach (Card card in hand.Cards) { } 我们应该用下面的实现替换上面的实现吗？ var cards =
c# - 评估 LambdaExpression？
我正在制作 LINQ lambda 表达式: Expression> add = (x, y) => x + y; 但现在我将如何评估它，比如说找到 2+3？最佳答案这应该适合你: var su
c++ - 评估 IF 条件的最有效方法是什么？
我正在制作一个语言解释器，我已经到了需要评估 if 语句的地步。起初我认为这很简单，我能够让我的解释器评估简单的 if 条件，10 == 10 但是当我试图让它评估更复杂的条件时， 10 == 10
python - PySpark 评估
我正在尝试以下代码，该代码向 RDD 中的每一行添加一个数字，并使用 PySpark 返回 RDD 列表。 from pyspark.context import SparkContext file
compilation - 评估-何时使用？
在阅读了很多关于 Lisp eval-when 运算符的文档后，我仍然无法理解它的用途，我知道使用这个运算符我可以控制表达式的计算时间，但我做不到找出任何可能适用的示例？最好的问候，utxee. 最
C++ 业务规则表达式解析器/评估
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，

首页

博学

6Ren·AI

商城

css - Angular 表达式没有得到评估