html - 双括号未在 Angular.js html 中注册

标签 html css angularjs

我最近刚刚学习了 angular.js(我松散地使用了“学习”这个词),我正在尝试制作一个基本的网站,但在表单验证方面遇到了困难。我意识到我从“Shaping up with angular.js”中学到的双括号符号没有在我拥有的网页上注册。我整天都在研究这个问题,您可能会发现我的代码有很多问题(请随时发表评论)。

我说的代码是这样的:

<div class="divvy" ng-repeat="slider in main.sliders">
  <h3>
    {{slider.name}} costs {{slider.cost | currency}}
  </h3>
</div>

我将包括整个代码,但作为引用,“divvy”类只是使 div 在屏幕上居中的一种复杂方法。 我的标题是这样写的:

<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <link href="https://fonts.googleapis.com/css?family=Didact+Gothic|Ek+Mukta|Montserrat" rel="stylesheet">
    <script type="text/javascript" src="script.js"></script>
    <script type="text/javascript" src="//code.angularjs.org/snapshot/angular.min.js"></script>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

  </head>

并且 script.js 文件相当简单,因为除了调试为什么它不起作用之外,我还没有真正对它做任何事情。

(function(){
var app = angular.module("myModule",[]);
app.controller('MainController',function(){
  this.products= sliders;
});


var sliders= [

  {name:  "Charles",
    cost:  "4.20"
  },
  {
    name:"Alfred",
    cost:"30"
  },
  {
    name:"Something that costs 10 bucks",
    cost:"10.1"
  }



  ]

  })()

请帮帮我。我认为我试图修复的其他问题使我无法再正确使用 Angular (那里有一个按钮用于编辑文本(也是调试尝试)并且它曾经工作但不再工作经过一些 ctrl+z 让我失去了我的位置)。 此外,如果你有额外的时间,还有一张背景图片,我花了很多时间弄清楚如何居中并使其“防缩放”,但我想动态编辑它(背景随幻灯片或淡入淡出变化)但背景 img 卡在 style.css html{} 中......而且我不知道如何使用“myStyle”进行编辑,甚至一开始就使用 ng-myStyle。谢谢。完整代码位于 plunker,此处:https://plnkr.co/edit/H4uhcU

最佳答案

应该是,

<div class="divvy" ng-repeat="slider in main.products">

演示

var app = angular.module("myModule",[]);
app.controller('MainController',function(){
  var sliders= [
  {name:  "Charles",
    cost:  "4.20"
  },
  {
    name:"Alfred",
    cost:"30"
  },
  {
    name:"Something that costs 10 bucks",
    cost:"10.1"
  }];

  this.products= sliders;
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app= "myModule" ng-controller="MainController as main">
<div class="divvy" ng-repeat="slider in main.products">
  <h3>
    {{slider.name}} costs {{slider.cost | currency}}
  </h3>
</div>
 

关于html - 双括号未在 Angular.js html 中注册,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45175031/

相关文章:

javascript - HTML 中的 Adob​​e JavaScript : Step ZERO

php - 如何在 PHP 中获取 302 重定向 URL 的 Location header ?

php - 更改TD的背景颜色

javascript - 在 AngularJS Controller 和服务之间共享资源

javascript - 自定义错误验证消息未显示

html - 上下和淡出动画

javascript - Materialise CSS 轮播在 mouseenter 上显示指示器

javascript - jquery.after use后运行脚本的问题

angularjs - 在有效模糊上调用函数

javascript - 仅在满足条件时添加下拉切换